WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



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

Reply
  Thread Tools Display Modes
Old 7th January 11, 04:07 PM   #1
loopy
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.)
http://www.goforthewinorlando.com/gallery.html

When I add 10 more images to the gallery, the nav div pulls to the left:
http://www.goforthewinorlando.com/gallery2.html

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
Reply


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 01:46 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 - 2017, Jelsoft Enterprises Ltd.