Jump to content
Sign in to follow this  
gremmie

Feature Slider Thumbs

Recommended Posts

gremmie

Hi, I'm having an issue with my feature slider thumbs. My site is www.gremmie.net. As you can see, half the thumbs seem to get cutoff. The thumb size has been modified to 75 x 40. See the code below:

/* feature footer */
	#feature-footer {height: 200px; float: right;  bottom:77px; transparent; margin-top: -122px; background: transparent; border: none;}
	/* width:76px;*/
	#feature-footer .feature-footer-pad {border-top: none; border-bottom: none; border-right: none; height: 200px; border-left: none; width:76px;  margin-top: -12px; margin-left: 10px;}
	
	/* slider thumbs */
	#featurenav a span.nav_thumb {display: block; float: left; margin-right: 0; vertical-align: middle; width: 75px; height: 40px; margin: 7px 3px 3px 3px;}
	#featurenav a span.nav_thumb span.nav_overlay {box-shadow: 0px 0px 1px 1px #ABABAB inset; width: 75px; height: 40px; }
	#featurenav a.activeSlide span.nav_thumb span.nav_overlay {box-shadow: 0px 0px 1px 1px #ABABAB inset; border: none;}
	#featurenav a:active span.nav_thumb span.nav_overlay {box-shadow: 0px 1px 0px 1px #ABABAB inset; border: none;}
	#featurenav a span.nav_thumb span.nav_overlay {background: url(images/feature-thumb-overlay.png) no-repeat scroll 0 transparent; box-shadow: 0px 0px 1px 1px #E9E9E9 inset; }
	#featurenav {margin-left: 45px; background: transparent;}

Can anyone help explain why they're getting cutoff? Thanks!

Share this post


Link to post
Share on other sites
Rob
I've looked up down and around and I found this: [code]#feature-footer .feature-footer-pad { border-color: -moz-use-text-color; border-style: none; border-width: medium; height: 200px; margin-left: 10px; margin-top: -12px; width: 76px; }[/code] If I change [b]width: 76px[/b] to [b]width: 126px[/b], the full thumb shows, however, the thumbs overlay the slide. Since the thumbs weren't supposed to be there, and this is a customization, I'm unclear how or even if I can support this issue. Have you simply considered a different slider that has thumbnails on the side? There are so many of them out there.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
gremmie
So then, you don't know why they're being cutoff on the right hand side?

Share this post


Link to post
Share on other sites
Rob
I'm sure it has something to do with the customization you made of the slider but we don't support such customizations, which is why I recommended using one of the hundreds of excellent plugins. No, I don't, unfortunately, know why it's cut off on the right. Likely you have one or more missing or improper CSS elements coded in their but I'm not a CSS expert. We offer two ways to deal with customizations: http://www.pagelines.com/pros or, if you need something that can be found elsewhere, we recommend outside plugins.

Former PageLines Moderator, Food Expert and Raconteur

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  

×