Jump to content

[Solucionado] Modificar bolitas enumeradas del Slider


Krauser

Recommended Posts

Buenas tardes comunidad, me gustaria saber como puedo mover las bolitas enumeras del Slider de mi pagina (añado imagen)

post-566490-0-39733700-1380823715_thumb.jpg

Quisiera ponerlo un poco mas abajo porque cuando añado muchas cosas empieza a molestar a la hora de leer las cosas.

 

Gracias de antemano.

 

 

Solucion:

 
Fichero:
 

modules/homeslider/bx_styles.css

Busca esto:
 

.bx-pager {
position: absolute;
bottom: 20px;
    bottom:40px !ie;/* hack ie7 */
    right: 15px;
    padding-top: 7px;
    font-size:11px;
    color:#666;
    text-align:center;
}

 

Pista: Para moverlo mas abajo, reduce el bottom.

 

Edited by Krauser (see edit history)
Link to comment
Share on other sites

NOTA IMPORTANTE: recuerda que prestashop tiene muchas versiones, siempre es bueno por formalismo indicar que version del de la tienda estas usando y que plantilla para poder saber o ubicarnos en el tema en cuestion.

 

te recomiendo uses FIREBUG para ubicar el css que domina dicho elemento y así le ajustas la posicion y listo

Edited by apositivo (see edit history)
Link to comment
Share on other sites

Buenas tardes comunidad, me gustaria saber como puedo mover las bolitas enumeras del Slider de mi pagina (añado imagen)

attachicon.gifa mover.JPG

Quisiera ponerlo un poco mas abajo porque cuando añado muchas cosas empieza a molestar a la hora de leer las cosas.

 

Gracias de antemano.

 

Fichero:

 

modules/homeslider/bx_styles.css

Busca esto:

 

.bx-pager {
   position: absolute;
   bottom: 20px;
	bottom:40px !ie;/* hack ie7 */
	right: 15px;
	padding-top: 7px;
	font-size:11px;
	color:#666;
	text-align:center;
}

Para hacer uso de firebug, revisa este tutorial: http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ con el podras hacer simulaciones del css, antes de que hagas los cambios en el fichero, para ver como va quedando.

 

Saludos,

 

Fichero:

 

modules/homeslider/bx_styles.css

Busca esto:

 

.bx-pager {
   position: absolute;
   bottom: 20px;
	bottom:40px !ie;/* hack ie7 */
	right: 15px;
	padding-top: 7px;
	font-size:11px;
	color:#666;
	text-align:center;
}

Para hacer uso de firebug, revisa este tutorial: http://www.prestashop.com/forums/topic/209203-uso-basico-de-firebug/ con el podras hacer simulaciones del css, antes de que hagas los cambios en el fichero, para ver como va quedando.

 

Saludos,

 

Pista: Para moverlo mas abajo, reduce el bottom.

 

Saludos,

Link to comment
Share on other sites

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