Casilla rebajas en plantilla Celine  

 
Ivan
 Ivan
Reputable Member

Buenas y Feliz año a todo el equipo!

He editado el texto de rebajas que se añade en el checbox del producto.

Por -15% descuento. Pero la casilla no se ve a línea con la otra de nuevo.

Si me podéis decir como puede a linear y que se vea el texto completo, también me gustaría cambiar el fondo de esa casilla de color.

Hace unos meses me ayudasteis con el de Nuevo.

Adjunto unas imágenes.

Un saludo y gracias.

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 12/01/2017 1:34 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/01/2017 3:57 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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.

ResponderCitar
Respondido : 12/01/2017 4:27 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/01/2017 6:28 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 12/01/2017 6:34 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/01/2017 6:57 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ivan
 Ivan
Reputable Member

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.

ResponderCitar
Respondido : 12/01/2017 7:03 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/01/2017 9:10 pm

Cursos Gratuitos WordPress

Ivan
 Ivan
Reputable Member

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.

ResponderCitar
Respondido : 12/01/2017 9:40 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola Iván,

Muchas gracias por tus palabras de agradecimiento.

¡Así da gusto ayudar! 🙂

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2017 9:55 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Ivan
 Ivan
Reputable Member

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

ResponderCitar
Respondido : 13/01/2017 10:41 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2017 12:44 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Ivan
 Ivan
Reputable Member

Buenas Pablo,

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

Gracias y un saludo

ResponderCitar
Respondido : 13/01/2017 1:34 pm
Pablo Velasco
 Pablo Velasco
Illustrious Member

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2017 3:03 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Ivan
 Ivan
Reputable Member

Perfecto Pablo.

Gracias.

Buen fin de semana!

ResponderCitar
Respondido : 13/01/2017 3:52 pm

Por favor Iniciar Sesión o Registro