WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts

WeLoveCSS > WEB DESIGN > CSS > Coin Slider image gallery - CSS positioning of nav overriden

  Thread Tools Display Modes
Old 7th January 11, 04:07 PM   #1
WLC Member
Join Date: Jun 2008
Location: Orlando, FL
Posts: 20
Default Coin Slider image gallery - CSS positioning of nav overriden

I have a photo gallery in place using the Coin Slider jQuery plugin (coin-slider.min.js). In my original gallery, the nav below the photos is left aligned as it should be. (It's in this div --> #cs-buttons div.)

When I add 10 more images to the gallery, the nav div pulls to the left:

If I delete most of the images and leave just a handful, the nav div center aligns under the gallery: http://www.goforthewinorlando.com/gallery3.html

From what I see in Firebug, the coin slider js file automatically generates a "element.style" that includes a left: 50% and a negative px position style. This overrides my css styles (even when I add important! to the necessary styles).

I NEED THE GALLERY NAV TO STAY LEFT-ALIGNED UNDER THE PHOTOS BUT THE element.style overrides it. How do I fix this?

Thanks in advance for any insight!
loopy is offline   Reply With Quote

Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

All times are GMT. The time now is 07:36 PM.

Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.