[Resuelto] Ajustar botón añadir al carrito  

 
Beatriz
 Beatriz
Usuario experto

Hola,

Quería saber cómo puedo hacer para ajustar el tamaño del botón al ancho de la sección, de tal forma que se ajuste a distintas pantallas.

IMG 7130
IMG 7129

He adaptado el tamaño del botón de forma manual, pero en cada dispositivo se ve distinto.

Lo quería hacer en esta página de producto en concreto: https://bomu.es/producto/zoe 

 

Muchas gracias!

Saludos.

 

Respondido : 12/09/2020 1:40 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Beatriz,

Prueba si con el siguiente código CSS logras colocar tu botón al ancho completo, debes añadirlo en ele apartado Apariencia -> Personalizar -> CSS Adicional

single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed {
width: 100% !important;
}

Nos comentas como ha ido todo

Un Saludo

Respondido : 12/09/2020 2:47 pm
Beatriz
 Beatriz
Usuario experto

Hola Karen,

He añadido el código pero no funciona, sigue apareciendo así:

69823a60 15ae 4ef3 b2ea f0c4b9cae82d

Hay alguna manera de ponerlo flexible para que se adapte?

Respondido : 13/09/2020 1:17 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Beatriz.

Elimina el código anterior y prueba con el siguiente:

body.et-db #page-container #et-boc .et-l .et_pb_section .et_pb_wc_add_to_cart_2 .button {
width: 100%!important;
}

 

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 13/09/2020 2:09 pm
Beatriz
 Beatriz
Usuario experto

@pepesoler

Ahora si! Muchas gracias!!!!

Respondido : 13/09/2020 5:53 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Beatriz.

Nada, Gracias a ti por consultar 🙂 

 

Cerramos el tema.

Un saludo

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¿Has probado WpCenter?, es nuestro nuevo manager de WordPress desde el propio cPanel sin necesidad de acceder a tu administración, te permitirá configurar actualizaciones automáticas y mucho más.
Pruébalo accediendo a tu cPanel > Aplicaciones Webempresa > WpCenter
¡Gracias!.

Respondido : 13/09/2020 6:21 pm

Por favor Iniciar Sesión o Registro