[Resuelto] Tamaño título producto y precio en Woocommerce  

 
Isi
 Isi
Reputable Member

Hola, buenas tardes,

En la página de ventas (Catálogo), he intentado cambiar el tamano del título y precio de los productos pero no puedo.  Lo intenté en "Personalizar" , sólo se puede hacer el cambio del color del  texto pero no me permite modificar el tamaño (realizo el cambio pero no lo reconoce).  También lo intenté en la administración de archivos sin éxito. Mi pregunta es si existe alguna manera de hacer el cambio a través de Código CSS para que sea más simple?

Muchas gracias.

Link a post de foro, solo visible a usuarios registrados

This topic was modified hace 2 meses 2 times por Isi
Respondido : 31/01/2020 6:54 pm
Jhon Marreros Guzman
 Jhon Marreros Guzman
Miembro Moderator

Hola

Siempre que consultes envía la url de tu sitio para ver el código que se genera, y ver si se puede aplicar CSS

Saludos.

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

Respondido : 31/01/2020 8:21 pm

Cursos Gratuitos WordPress

Isi
 Isi
Reputable Member

Link a post de foro, solo visible a usuarios registrados

Hola John, disculpa recién me di cuenta que no lo envié, es www.miaemocionespositivas.com.

 

Gracias. 

Respondido : 31/01/2020 10:18 pm
Bulmaro
 Bulmaro
Miembro Moderator

Hola Isi, 

Prueba agregando el siguiente CSS en Apariencia -> Personalizar -> CSS Adicional:

ul.products li.product .woocommerce-loop-product__title{
font-size:20px; //
} .woocommerce ul.products li.product .price{
font-size:20px;
}

Puedes modificar el tamaño modificando el 20px por uno mayor para incrementar el tamaño de la fuente o menor para disminuirlo. 

Quedo atento a tus comentarios, saludos 🙂

Bulmaro Arellano N.

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

¡Gracias!.

Respondido : 01/02/2020 12:07 am

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

Isi
 Isi
Reputable Member

Link a post de foro, solo visible a usuarios registrados

 Hola Bulmaro,

Muchas gracias por tu ayuda.  Sólo un detalle, al poner este código, me aparece error.

ul.products li.product .woocommerce-loop-product__title{
font-size:20px; //
}

Gracias.

Link a post de foro, solo visible a usuarios registrados

This post was modified hace 2 meses por Isi
Respondido : 01/02/2020 1:40 pm
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Isi.

.- Edita el archivo style.css que encontraras en al ruta wp-content -> themes -> restored316-glam " style.css "

.- Al final del archivo añade lo siguiente:

h2.woocommerce-loop-product__title {
font-size:20px!important;
text-align:center;
}

.woocommerce ul.products li.product .price {
font-size:17px!important;
font-weight:bold!important;
text-align:center;
color:#7FDAE6!important;
}

Revisa si es el resultado que buscabas.

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 : 01/02/2020 4:03 pm

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

Isi
 Isi
Reputable Member

Link a post de foro, solo visible a usuarios registrados

Hola Pepe,

Muchas gracias por tu ayuda, quedó perfecto el título y precio.

Saludos!

Isi. 

Respondido : 03/02/2020 1:09 pm
Pepe
 Pepe
Soporte CMS Webempresa Moderator

Hola Isi.

Genial !!! me alegra que fuera lo que buscabas 😀 

Ya sabes, cualquier consulta que tengas nos encontrarás por aquí.

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 : 03/02/2020 2:24 pm

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

Por favor Iniciar Sesión o Registro