Image slider out of order

[Banshee000]

Hi,

I have been working in stylesheet to change my fonts and I guess that affected my slider images to go vertically instead of horizontally. Does anyone know how I can fix this....my store is mysticscenthills dot com.... I've included coding for the slider which might tell you if I did anything wrong...it's really looking bad right now on my website...



* ============================= slider ======================= */
.slider{ position:relative; padding:0 13px 0 14px; margin-bottom:16px;}
.slider h3{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; line-height:28px; color:#516171; font-weight:normal; padding:10px 0 13px 0; margin:0 0 0 -5px;}
.slider-wrapper{ overflow:hidden; margin:0; width:100%; background:url(../images/content-bg.png);}
.slider .indent{ padding:12px; overflow:hidden;}
.slider-body {
overflow:hidden;
background:#fff;
float:left;
width:925px;
position:relative;
left:0;
}
.slider-indent{padding:0 24px 22px 25px;}
.box-window{ width:876px; overflow:hidden; position:relative;}

#slider_list{margin:0; padding:0;}
#left, #right{ cursorointer}

.slider-body ul { list-style:none; overflow:hidden; position:relative; height:318px; width:876px;}

.slider-body ul li { width:219px; display:block; float:left; }

.slider-left { width:42px; height:64px; position:absolute; top:190px; left:-0px; z-index:100;}
.slider-right { width:42px; height:64px; position:absolute; top:190px; left:934px;}

#left_but, #right_but{ cursorointer;}
.gallery-item{ position:relative; cursorointer !important;}
.gallery-item .slide-desc{ position:relative; top:-62px; background:url(../images/slide-desc-bg.png); display:inline-block; width:199px; font-size:12px; line-height:15px; color:#4b4c50; padding:16px 10px;}
.gallery-item .slide-desc strong{ display:block;}

[stevesh]

You changed the font and added a " that's messing things up:

.slider h3{ font-family:"Papyrus; font-size:24px; line-height:28px; color:#516171; font-weight:normal; padding:10px 0 13px 0; margin:0 0 0 -5px;}

I'd also point out that, at least in XP, Windows doesn't include the Papyrus font, so we aren't seeing it anyway. I think it's best to stick with standard fonts, unless in an image.

[Banshee000]

Are you sure that's it?
just because I added ", so I will go ahead and remove ", but I don't think that's going to bring the slider back in its place.

You changed the font and added a " that's messing things up:

.slider h3{ font-family:"Papyrus; font-size:24px; line-height:28px; color:#516171; font-weight:normal; padding:10px 0 13px 0; margin:0 0 0 -5px;}

I'd also point out that, at least in XP, Windows doesn't include the Papyrus font, so we aren't seeing it anyway. I think it's best to stick with standard fonts, unless in an image.

[Banshee000]

My goodness! You are a genious! Thank you so much! It worked!

[addy_7865]

Hi

I have a Automatic Image Slider w/ CSS & jQuery from Soh Tanaka in Zen Cart. I have tried to increase the width of the of slider to fit the page, but every time i try to change the width...the first is ok and then i will see abit of second slide and on the on second slide i see a bit of the third slide...basically cutting out remaining slide,, not showing a invidual slide at a time...please help

Thanks

[stevesh]

We can't help without a link to the site.

Also, it's a much better idea to start a new thread than to add another question to an existing thread.