Cambiar color botones del homeslider

[CrisBB.es]

Hola!

estoy cambiando la forma y color de los botones del homeslider. Lo he hecho modificando el archivo bx_styles.css dentro de modules-homeslider

 

El problema es que he conseguido hacerlos redondos y con el color que me interesaba, pero me gustaría que no tuvieran texto y que el botón que está "activo" fuera de otro color.... Donde tengo que modificarlo? Estoy intentándolo todo y no lo consigo!

 

Os dejo la tienda: http://shop.beborn.es/

 

Gracias!

[Sergio Ruiz]

Hola!

estoy cambiando la forma y color de los botones del homeslider. Lo he hecho modificando el archivo bx_styles.css dentro de modules-homeslider

 

El problema es que he conseguido hacerlos redondos y con el color que me interesaba, pero me gustaría que no tuvieran texto y que el botón que está "activo" fuera de otro color.... Donde tengo que modificarlo? Estoy intentándolo todo y no lo consigo!

 

Os dejo la tienda: http://shop.beborn.es/

 

Gracias!

 

bx_styles.css

 

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
height: 15px;
width: 15px;
font-weight: bold;
font-size: 11px;
color: #C0D5D5;
text-decoration: none;
background-color: #C0D5D5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

 

.bx-pager a:hover {
color:#4A6782;
text-decoration:none;
background-position: 0 0;
}

[nadie]

pero me gustaría que no tuvieran texto

 

Para quitar el numero al botoncito, fichero:

 

jquery.bxSlider.min.js

 

Buscar esto:

 

<a href="" class="pager-link pager-'+i+'">'+i+'</a>

 

dejarlo asi:

 

<a href="" class="pager-link pager-'+i+'"> </a>

 

Y recuerda limpiar la cache de tu navegador.

[Sergio Ruiz]

bx_styles.css

 

.bx-pager a {
display: inline-block;
zoom: 1;
margin-right: 5px;
height: 15px;
width: 15px;
font-weight: bold;
font-size: 11px;
color: #C0D5D5;
text-decoration: none;
background-color: #C0D5D5;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

 

.bx-pager a:hover {
color:#4A6782;
text-decoration:none;
background-position: 0 0;
}

 

Para el activo, aqui:

 

.bx-pager .pager-active, .bx-pager a:hover {
color: #4A6782;
text-decoration: none;
background-position: 0 0;
}