• 0
Sign in to follow this  
Followers 0

Pageslines Pro CSS Issues with Feature Slider in Firefox Only

Question

Posted · Report post

I am having a strange CSS issue in a site I am currently building and I am hoping someone here can help. I only see this issue in Firefox (strangely enough; Chrome, Safari, and IE all work fine). I am using the Feature slider below my main content area in Pagelines Pro and in FF it is kicking way out to the right (out past the main content and right sidebar). This is especially noticeable on large monitors (screenshot of my large monitor view in FF here: http://www.camrynwessner.com/wp-content/uploads/2012/02/2-29-2012-7-00-26-PM.png). The URL to the site is http://www.camrynwessner.com. I tried changing the #feature_slider {position:absolute;} and that helped in FF, but it blew things up in IE, Chrome, and Safari, so I'm hoping there is a better solution since I've tested what I have now in all browsers across all OS's and FF seems to be the only one having issues. Thanks for any help you can provide.

Share this post


Link to post
Share on other sites

8 answers to this question

  • 0

Posted · Report post

Do you have any other custom CSS in your Custom CSS section right now? If so, can you please paste it here (it doesn't have to do with the feature slider)?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Sure thing. Thanks for the help. [code] #branding .content-pad { padding: 0px 0px 0px 0px; } #branding .itunes_header { text-align: right; position: absolute; margin-top: -100px; margin-left: 660px; z-index: 20; } .page #maincontent { margin-bottom: -50px; } .home #maincontent { margin-bottom: -105px; } .fpost { border-bottom: none !important; } #feature-footer.nonav { border-top: none; } #menu-item-215 a { background: url(http://www.camrynwessner.com/wp-content/uploads/2012/02/cart.png) no-repeat right center; width: 120px; text-align: left; } #paypal_donate { width: 100%; text-align: center; } #paypal_donate input{ background-color: #fff; border: none; } #stream { width: 100%; text-align: center; } [/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

There doesn't appear to be anything in your code that may be causing the issue. Can you try deactivating your active plugins to see if the feature slider behaves?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Looks like it's the "Artiss YouTube Embed" plugin. I am using that one all over the place and I haven't found a suitable replacement (it has features like retrieving video thumbnails). Any ideas on how to get it to play nice with Pagelines?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Here is the code that plugin inserts. I don't see anything wrong here, so there must be something in the iframe itself. I think there is a way to switch to a non-iframe player. I will try that out. [code] [/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I switched the plugin to use Object embedding instead of iframes, but that didn't work. Here is the resulting code: [code] [/code]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I haven't had any luck. If anyone else figures anything out, let me know.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

As a test, I removed the Artiss YouTube plugin and used the built-in WordPress YouTube embedding and the same behavior occurs, so I think this is Pageline conflict with YouTube. Any help? I may need to start a new thread since I accepted an answer in this one already.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0