help with testimonial scroller on my wordpress site...

[Mattk1983]

as you can see, the scroller at the bottom of the page is not aligning, scrolling correctly, and im not sure which bit of code needs editing??

www.quicksalehouses.co.uk

thanks for the help
Matt

/* Testimonials */



#testimonials {



    background-image: url("images/testimonials-bg.jpg");



    float: right;



    height: 186px;



    margin-left: 28px;



    margin-right: 30px;



    margin-top: 3px;



    padding: 54px 45px 30px;



    position: relative;



    width: 494px;



    margin-bottom: 20px;}



#testimonials h3{ font-size: 2em; padding: 17px 0px 0px 30px; }



#testimonials #slider { width: 494px; height: 227px !important; overflow: hidden; }



#testimonials ul { margin: 0px; padding: 0px; list-style: none; }



#testimonials ul li { width: 494px; height: 165px; float: left; font-size: 17px; font-family: Cambria, serif; line-height: 1.5em; color: #868686; padding-top: 25px; font-style: italic; }



#testimonials ul li span{ display: block; margin-top: -6px; font-size: 14px; font-family: "Lucida Sans Unicode", sans-serif; text-align: right; font-style: normal; }



#testimonialprev a, #testimonialnext a{ background-image: url(images/testimonial-btn.png); width:45px; height:45px; position:absolute; left:-7px; top:98px; z-index:5000; display:block; text-indent: -9999px; }



#testimonialnext a{ background-position: -45px 0px; left: 547px; }




.quoteauthor {



width:507px;



height:178px;



margin:10px 20px 5px -17px;



}


#quoteauthor {



width:507px;



height:178px;



margin:10px 20px 5px -17px;



}

 

[andypowell]

Its hard to judge without being familiar with the template, but as your content appears to be too far to the right i'd guess its one of the left-margin values.

Try changing them one at a time and see if this has an effect, there is nothing wrong with a little trial and error when trying to get your head round someone elses code.

 

[FreelanceSoftwareDeveloper]

It's a global padding on the li item which will be screwing up the JS that works out the element width.

Change the padding-top: 25px in #testimonials ul li, to padding: 25px 0 0 0

 

[FreelanceSoftwareDeveloper]

Actually change it to 25px 5px 0 5px and change the width to 484px (-10px due to the padding), this will tidy the edges up

 

[Mattk1983]

thanks, think ive sorted it now!