(SOLUCIONADO)Modificaciones de estilo en módulo de productos destacados

[RICAR2010]

Hola a todos, estos días mientras subo productos intento tener ideas para que el módulo de productos destacados quede algo más bonito y quisiera saber si se pueden hacer las siguientes modificaciones:

 

1. Las imágenes hacen un margen arriba y abajo y quisiera reducirlo e incluso intentar eliminarlo..

 

2. Reducir el tamaño de las imágenes para que quepan 3 productos por fila.

 

3. Centrar el nombre del producto en vez de alineación izquierda.

 

4. Cambiar el color del precio sin que cambie ningún texto más de color y a poder ser bajarlo y ponerlo en letra más grande al lado del botón de añadir al carrito. 

 

Adjunto imagen actual para que os hagáis una idea

 

Un saludo y gracias!

Edited May 30, 2014 by RICAR2010 (see edit history)

[Rolige]

Si lo que estas buscando programador para que te haga lo que pides, deberias haber puesto tu peticion en la seccion de peticiones: http://www.prestashop.com/forums/forum/101-petici%C3%B3n-de-ofertas-y-prestaciones/

[RICAR2010]

Realmente no era así, lo que pasa es que me estoy volviendo loco inspeccionando con chrome y me faltan esos detalles de la página principal para dejarla a mi gusto y con que se me den pistas de como se hace, puedo modificar yo; aunque haré una copia en peticiones también, a ver que responden..

 

Un saludo!

[RICAR2010]

Hay manera de poner el precio en Rojo sin que cambie el color de lo escrito en el módulo de transportes?

[redoli]

Buenas Ricar, he visto que ya has hecho algunas modificaciones y que faltaba sólo la alineación de los títulos de los productos, para centrarlos, modifica el global.css de la plantilla que uses y añade en la línea 769, si tienes alguna dudas me dices.

#columns .block_content {

	padding:5px 10px;

	margin:0px;

}

.block_content ul {

	margin:0px;

}

.s_title_block {
	text-align: center;
}

#left_column .block .title_block, .block h4 {	

	padding:6px 0px;

	font-size:20px;

	color:#fff;

	text-shadow:0 1px 0 #000;

	background:#42A2D2 url(../img/mod_title.png) no-repeat top right;

	text-align:center;

	font-weight: bold;

	margin:0px 0px 5px 0px;

} 

[RICAR2010]

Bordado, ya está el título centrado, es posible poner a la derecha y subir a la altura del precio el botón de añadir al carrito?

[redoli]

Prueba a añadir después de .s_title_block:

 

.price_container {

float: left;

padding-right: 30px;

}

 

Con eso creo que debería valer. Ya me cuentas

[RICAR2010]

Ya está hecho, jugaré con los márgenes para que quede algo más separado del título y en la esquina del recuadro, sin dejar margen desde la derecha

[redoli]

Jeje perfecto, un saludo