Casilla rebajas en plantilla Celine

Hola,

Prueba a añadir el siguiente código al final del archivo themes/Cilene/css/customuser.css:

.sale-box{
width: 140px;
}
.sale-label {
right:-10px;
width:160px;
margin-top: 6px;
background: #ff0000;
}

El valor de background lo puedes cambiar por el color que quieras utilizar.

Buenas Pablo,

Gracias solucionado como siempre!!

Porfa me podrias enviar el codigo para dejarlo de la misma medida como la casilla de envio gratis el marco y texto?

http://www.nutrishop.es/7_bebidas-bolero
Gracias un saludo.

Hola

Ambas etiquetas del mismo tamaño no creo que quede bien por que una tiene más texto que otra, además que posiblemente no entrará en el contenedor.

Podrías evaluar poner ambas en el mismo lado, una debajo de otra, en el archivo CSS que te indicó Pablo al final de todo agrega el siguiente código CSS y prueba.

.new-box{
  left:auto;
  right:-4px;
  top:24px;
}

Saludos

Buenas Jhon,

Gracias, si ponga las 2 en el mismo sitio se montaria encima de los productos.

Me podrias enviar los codigos y pruebo a ver que tal queda?

Gracias y un saludo

Hola

El código ya te lo envié, debes ponerlo al final del archivo CSS que te indicó Pablo

Probando con Firebug se ve similar a la imgen que adjunto.

Saludos.

Buenas Jhon,

Me referia hacer la caja mas grande y el texto, si se queda bien me gusta mas asi a lineados que uno debajo del otro

Un saludo y gracias.

Hola

Prueba con el siguiente código CSS al final de tu archivo customuser.css

.sale-box, .new-box{
	width: 140px;
}

.new-box span{
	width:140px;
	text-align:center;
}

.new-box span:after, 
.new-box span:before{
	display:none;
}

Saludos.

Gracias Jhon,

Se queda perfecto.

Si tienes una tienda Prestashop. Recomiendo al 100%100 elegir este hosting, un soporte muy eficaz!

Un saludo

P:D perdona Jhon no me di cuenta antes, le falta un poco para que se quede a linea con la otra caja.

Hola Iván,

Muchas gracias por tus palabras de agradecimiento.

¡Así da gusto ayudar! 🙂

Hola Iván,

Muchas gracias por tus palabras de agradecimiento.

¡Así da gusto ayudar! 🙂

Buenas Pablo a vosotros!!

Perdona no me dije bien, no esta aun a lineado del todo por si me podeis pasar el codigo para que se quede quede igual.

Gracias y un saludo

Hola,

Entiendo que te refieres a las pestañas de envío gratis y descuento. Yo si que las veo alineadas. Te adjunto una captura de pantalla:

La prueba la he realizado con varios navegadores y el resultado es siempre el mismo.

Si sigues viendo estas pestañas sin alinear es posible que se deba a que tienes cacheado css antiguo en tu navegador. Prueba a pulsar F5 o Control+F5 para forzar la recarga de la web.

Buenas Pablo,

Me refiero en la parte de inferior, de caja azul tienen diferente medida.

Gracias y un saludo

Hola,

Al estilo que te había indicado en una respuesta anterior:

.sale-label {
right:-10px;
width:160px;
margin-top: 6px;
background: #ff0000;
}

añádele un "height: 30px;", es decir, déjalo así:

.sale-label {
right:-10px;
width:160px;
margin-top: 6px;
background: #ff0000;
height: 30px;
}

Perfecto Pablo.

Gracias.

Buen fin de semana!