Avisos
Vaciar todo

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

 
María
 María
Usuario activo

¡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 : 31/05/2021 12:38 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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 9:15 am

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

María
 María
Usuario activo

@pepesoler gracias!!

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

image
Respondido : 31/05/2021 10:51 am
Pepe
 Pepe
Soporte CMS Webempresa Moderator

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 11:13 am

Cursos Gratuitos WordPress

María
 María
Usuario activo

@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 3:41 pm
Bruno
 Bruno
Soporte CMS Webempresa 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 3:52 pm

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

María
 María
Usuario activo

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

Muchas gracias a ambos

¡Feliz día!

Respondido : 31/05/2021 6:35 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola María,

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

Saludos!

Respondido : 31/05/2021 6:38 pm

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