Avisos
Vaciar todo

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

6 Respuestas
3 Usuarios
0 Reactions
22 Visitas
Respuestas: 73
Trusted Member
Topic starter
 

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 12:40 pm
Karen Rios
Respuestas: 18663
Illustrious Member 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 1:47 pm
Respuestas: 73
Trusted Member
Topic starter
 

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 12:17 pm
Pepe
 Pepe
Respuestas: 41114
Illustrious Member 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


 
Respondido : 13/09/2020 1:09 pm
Respuestas: 73
Trusted Member
Topic starter
 

@pepesoler

Ahora si! Muchas gracias!!!!


 
Respondido : 13/09/2020 4:53 pm
Pepe
 Pepe
Respuestas: 41114
Illustrious Member Admin
 

Hola Beatriz.

Nada, Gracias a ti por consultar 🙂 

 

Cerramos el tema.

Un saludo


 
Respondido : 13/09/2020 5:21 pm