Avisos
Vaciar todo

[Resuelto] Ayuda código para centrar título de cada artículo del blog.  

 
Maria Isabel
 Maria Isabel
Usuario eminente

Buenos días,

Mi theme me deja cambiar el diseño del título, fuente, tamaño etc... pero siempre me sale justificada a la izquierda, me gustaría con justificación centrada al artículo. a ver si me podeis facilitar el código css adecuado. 

Mi web es la siguiente:

http://roleplayjuridico.com

por ejemplo algun artículo como:

https://roleplayjuridico.com/las-medidas-en-el-procedimiento-de-menores/

Dejo imagen de las opciones que me da mi theme:

Captura
Capturac

 

 

Gracias de antemano, un saludo!

 

 

 

Respondido : 12/05/2020 6:05 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola María Isabel,

He visto que tu tema maneja una clase global para todo el contenido del texto, lo que quieres decir que al centrar de manera global la clase que tiene el titulo este centra el resto de los textos.

Sin embargo puedes centrar todos tus títulos h2  con el siguiente código

h2 {
text-align: center !important;
}

Si lo que quisiera es centrar títulos de forma individual puedes agregar el estilo directamente en la etiqueta de esta forma

<h2 style="text-align: center !important;"><strong>Medidas privativas de libertad</strong></h2>

Verifica cual puede funcionar mejor para lo que necesitas

Un Saludo

Respondido : 12/05/2020 7:16 pm

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

Maria Isabel
 Maria Isabel
Usuario eminente

Buenas tardes, 

he puesto el código que me has indicado en un artículo en el título y lo centra pero sale más pequeño, cuando le pongo t1 ya si sale con el tamaño correcto, por lo que entiendo que está configurado como t1. De todas formas yo ya tengo configurado el tamaño concreto del titulo del blog qué coincide con el t1 (82px bold)

Yo creo que el tema deja configurar individualmente el título de los artículos, el desarrollador del tema me envío varias líneas de código para cambiar por ejemplo la fuente, en concreto del contenido de los artículos y no afectaba a lo demás de la web 

En concreto, por si te sirviera de referencia cambio de tamaño y de tipo de fuente que solo afecta al párrafo de los artículos.

body.single-post .ui--blog-content { font-size: 21px; line-height: 31px;}
body.single-post .ui--blog-content { font-family: helvetica,arial;}

donde especifica donde debe hacerse justo la acción en "body single post" en el cuerpo del post, en el theme lo llaman "Single Page - Post Title:"en este caso debería hacerse referencia a que esa acción se hiciere en el título del single post e indicarle que la justificación sea centrada. 

title.single-post .ui--blog-content {text-align: center !important;} (seguro que no tiene sentido, pero para que entiendas mi idea)

Muchas gracias de antemano

 

Respondido : 12/05/2020 8:06 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Maria Isabel,

Entiendo, según lo que te ha enviado el desarrollador de la plantilla si añades este código te centra los títulos en h2

body.single-post .ui--blog-content h2 {
text-align: center !important;
}

Verifica si con esto te funciona

Un Saludo

Respondido : 12/05/2020 8:23 pm

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

Maria Isabel
 Maria Isabel
Usuario eminente

@karen

Buenas noches Karen, con este código lo que centro  es el h2 del contenido de mi artículo, yo lo que quiero centrar es el título del artículo (el título general Single Page - Post Title) que no es h2, ya le he especificado el tamaño y fuente.  en el primer pantallazo de mi primer mensaje de este foro puedes verlo.

mando pantallazo con lo que quiero centrar. lo señalado en emarillo (no solo en cada artículo individualmente (eso lo se hacer) si no en los titulos de los artículos. (no en todos los titulos de la web) (Single Page - Post Title)

Captura

 

Un saludo  y muchas gracias nuevamente. 

Respondido : 12/05/2020 9:05 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Prueba centrarlo con el siguiente código CSS:

#titlebar-title{
  text-align: center
}

Saludos.

Respondido : 12/05/2020 9:50 pm

Cursos Gratuitos WordPress

Maria Isabel
 Maria Isabel
Usuario eminente

@jmarreros

Ahora sí, mil gracias !

Respondido : 12/05/2020 10:23 pm