Slider Css

HTML & CSS
1

Hi,

I am having problems styling the slider on this page:

http://www.freemanholland.com/pixie/

If you look at the middle of the three boxes, headed “New in Store…”

You will see a sliding panel. First thing is when it slides it masks off, and secondly i can’t get the writing to appear directly underneath?

Can you help?

Thanks

2

Thanks Paul :wink:

3

Hi,

You seem to have made it too big.

Try something like this:



.news-content {
    clear:both;
    width: 275px;
    text-align: center;
    line-height: 16px;
    margin-top:-20px;
}
#flash div#image_slider {
    height:181px;
    line-height:1;
    padding:0 0 0 4px;
    position:absolute;
    width:275px;
    top:-30px;
    left:-20px;
}

#image_slider_container div{
    width:275px!important;
    text-align:center;
}

You probably have those width settings in the js somewhere but I have over-ridden them with css.