Avisos
Vaciar todo

[Resuelto] Cambiar tamaño de texto en el checkout de Woocommerce

8 Respuestas
3 Usuarios
0 Reactions
20 Visitas
Respuestas: 72
Trusted Member
Topic starter
 

¡Buenas noches!

Me gustaría saber cómo cambiar el tamaño del texto del checkout.

Mi página es www.concienciamujer.es

Gracias,

María

Contenido solo visible a usuarios registrados


 
Respondido : 30/05/2021 11:38 pm
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola María.

Supongo que te refieres a esto:

screenshot concienciamujer.es 2021.05.31 10 04 26

 

Prueba con lo siguiente:

.woocommerce-billing-fields__field-wrapper p {
font-size: 15px;
}

.create-account p {
font-size: 15px;
}

td.product-name {
font-size: 15px;
}

 

Puedes añadirlo en Apariencia ->Personalizar -> CSS adicional.

 

Un saludo


 
Respondido : 31/05/2021 8:15 am
Respuestas: 72
Trusted Member
Topic starter
 

@pepesoler gracias!!

Sólo me falta poder cambiárselo a esto: 

image

 
Respondido : 31/05/2021 9:51 am
Pepe
 Pepe
Respuestas: 41121
Illustrious Member Admin
 

Hola María.

Prueba con los siguiente:

.woocommerce-checkout #payment ul.payment_methods li {
font-size:15px;
}

p:not(.has-background):last-of-type {
font-size:15px;
}

 

un saludo


 
Respondido : 31/05/2021 10:13 am
Respuestas: 72
Trusted Member
Topic starter
 

@pepesoler gracias de nuevo!

He podido cambiar la letra de los métodos de pago, pero esta parte:

 

p:not(.has-background):last-of-type {
font-size:15px;
}

 

Me cambia el tamaño de los checkbox de politica de privacida y demás, pero también del resto de la web :S

Y la letra de "Tu pedido", salvo el pedido en sí mismo, tampoco lo he conseguido cambiar. 
Te adjunto nueva foto:

image

 
Respondido : 31/05/2021 2:41 pm
Bruno
Respuestas: 6485
Illustrious Member Moderator
 

Que tal María,

Para aplicar estilo solo a los checkboxes prueba los siguientes estilos

.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
font-size: 15px !important;
}

Para cambiar de tamaño el contenido de la tabla que muestra nombre, costos y total del producto puedes usar los siguientes estilos

.woocommerce table.shop_table {
font-size: 15px !important;
}

Saludos


 
Respondido : 31/05/2021 2:52 pm
Respuestas: 72
Trusted Member
Topic starter
 

@bruno-vichetti @pepesoler genial!! Ha quedado perfecto 🙂

Muchas gracias a ambos

¡Feliz día!


 
Respondido : 31/05/2021 5:35 pm
Bruno
Respuestas: 6485
Illustrious Member Moderator
 

Hola María,

Excelente he revisado y ha quedado genial, cualquier otra consulta que tengas estaremos atentos

Saludos!


 
Respondido : 31/05/2021 5:38 pm