Jump to content

Cambiar color botones del homeslider


Recommended Posts

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!

Link to comment
Share on other sites

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;
}

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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;
}

  • Like 1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
×
×
  • Create New...