Avisos
Vaciar todo

Modificar títulos de páginas y woocomerce

10 Respuestas
4 Usuarios
0 Reactions
1,186 Visitas
 Abel
Respuestas: 31
Eminent Member
Topic starter
 

Hola
He conseguido reducir el tamaño de los títulos de las páginas de mi Word Press con este código:
.entry-title{
font-size:20px;
}
Ahora necesitaría que fuera efectivo también en la categoría de tienda.
También sería interesante poder centrarlos en la columna de contenidos, ahora parecen pegadas al izquierda

Muchas gracias

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 15/06/2017 10:01 am
Pepe
 Pepe
Respuestas: 41112
Illustrious Member Admin
 

Hola Abel.

Supongo que te refieres a estos:

Añade los siguiente:

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size:0.8em;
}

Puedes modificar el tamaño cambiando el valor 0.8 aumentando o disminuyendo hasta encontrar el tamaño que buscas.

ahora parecen pegadas al izquierda
Es posible que tengas puestos en woocommerce que se muestren cuatro productos por linea, esto se puede cambiar realizando algunas modificaciones en el código de woocommerce, pero primero intenta añadir otro producto y lo revisamos.

Lo digo por que igual quieres añadir más productos y después tenemos que deshacer lo que realizamos ahora.

Un saludo


 
Respondido : 15/06/2017 10:32 am
 Abel
Respuestas: 31
Eminent Member
Topic starter
 

Hola

No me refiero a eso, me refiero al título "tienda"

gracias


 
Respondido : 15/06/2017 11:06 am
Pepe
 Pepe
Respuestas: 41112
Illustrious Member Admin
 

Hola Abel.

Ostras, disculpame me confundi Amigo :blush:

En ese caso sería lo siguiente:

.woocommerce .page-title {
    font-size: 2.5rem;
}

Un saludo


 
Respondido : 15/06/2017 11:26 am
 Abel
Respuestas: 31
Eminent Member
Topic starter
 

Nada, no cambia nada, la categoría de tienda sigue enorme, Y el resto de categorías siguen todas pegadas al izquierda, gracias


 
Respondido : 15/06/2017 5:12 pm
Pepe
 Pepe
Respuestas: 41112
Illustrious Member Admin
 

Hola Abel.

No veo que tengas añadido el código que te pase o por lo menos no lo encuentro.

.- Edita el archivo style.css que encontraras en la ruta wp-content/themes/metro-pro/style.css y añade el código que te adjunto, como veras le puse el mismo tamaño del titulo que también modificaste.

.woocommerce .page-title {
  font-size:30px !important;
} 

El resultado es este:

Un saludo


 
Respondido : 15/06/2017 5:27 pm
 Abel
Respuestas: 31
Eminent Member
Topic starter
 

Muchas gracias, me sirvió!. Ahora solo me queda centrarlos en el bloque de contenidos, algún código para ello?

gracias


 
Respondido : 15/06/2017 9:34 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Indica exactamente qué quieres centrar, envía una captura de pantalla.
Mejor aún si este tema de centrado no tiene que ver con el título mejor abre un nuevo hilo de discusión.

Saludos


 
Respondido : 15/06/2017 10:05 pm
 Abel
Respuestas: 31
Eminent Member
Topic starter
 

De acuerdo, muchas gracias


 
Respondido : 16/06/2017 7:57 am
Adrián
Respuestas: 124
Estimable Member
 

Hola Abel,

Gracias a ti por tu colaboración.

Un saludo


 
Respondido : 16/06/2017 10:16 am