Image Slider Numbers Not Aligned! HELP!

[ibby]

Hi Guys!

 

If you look at my site located here : www.bangtshirts.com

 

You can see that on the homepage, the numbers of the images on the slider are quite far underneath the images. Also the numbers are towards the bottom of the circles.

 

How can i fix this please?!

 

Thanks

[yaniv14]

you need to match the height of the bx-wrapper to your new sliders size.

so change line 11 in modules/homeslider/bx_styles.css to: height: 190px;

[ibby]

That works but the numbers are still not in the middle of the circle. Why is this?

[yaniv14]

try change lines: 56 & 57 in the same css file from:

 

padding:4px 0 0 1px;

height:16px;/* 19 */

 

to:

padding: 1px;

height: 18px;

[ibby]

Thanks Yavin! You are a genius! Fixed it very easily!

[ftlrs]

Any chance you could also tell me how to hide the numbers in the slide?

 

Thank you!!!

[yaniv14]

you can add "display: none;" to ".bx-pager" in "moules/homeslider/bx_styles.css"

[ftlrs]

Thanks Yaniv

 

I tried both these places, but it still shows.??

 

/*pager links*/

.bx-pager {

position: absolute;

bottom: 20px;

bottom:40px !ie;/* hack ie7 */

right: 15px;

padding-top: 7px;

font-size:11px;

color:#666;

text-align:center;

display: none;

}

.bx-pager a {

display:inline-block;

zoom:1;

margin-right: 5px;

padding:4px 0 0 1px;

height:16px;/* 19 */

width:18px;/* 19 */

font-weight:bold;

font-size: 11px;

color:#000;

text-decoration:none;

background:url(gray_pager.png) no-repeat 0 -20px;

display: none;

}