Centrar Título en PC y Móvil en CSS

  • Autor Autor rikrdomat
  • Fecha de inicio Fecha de inicio
R

rikrdomat

Gamma
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola,

Quiero centrar el Título de una entrada en específico, al poner text-align: center; se centra bien en la PC, pero en el móvil queda alineado a la izquierda, no encuentro ninguna manera de que se vea centrado en el movil, acá la entrada:
Contáctanos - TrendingMedia Venezuela

Como pueden ver el Título "Contactanos" esta centrado en la PC pero en el movil queda alineado a la izquierda.

Tengo el siguiente estilo CSS:

#post-596 .title-post {
text-align: center;
}

Saludos.
 
Ojo. Si nos fijamos en tu css, le estas poniendo a un media query, diciéndole que solo funciona en tamaños mínimos de 1200px, osea en PC.
V2XsTit.webp

De igual forma si inspeccionamos elemento en móvil nos damos cuenta que usa diferente clase de css, por lo que tendrás que agregarle el text-align: center; es a el .hentry .title-post.

vJj0tlI.webp
 
Bien Stron, me di cuenta de lo mismo.

Y para terminar, agrégale "!important" antes del ";" del cierre separado por un espacio no mas, algo asi, text-align:center !important..
 
Puedes probar los cambios y una idea de como se vería en diferentes pantallas con solo jugar en el tamaño de tu propio navegador, arrastra y haz mas chica la pantalla en la PC, asi te das una idea con diferentes resoluciones
 
Ojo. Si nos fijamos en tu css, le estas poniendo a un media query, diciéndole que solo funciona en tamaños mínimos de 1200px, osea en PC.
Ver el archivo adjunto 98222

De igual forma si inspeccionamos elemento en móvil nos damos cuenta que usa diferente clase de css, por lo que tendrás que agregarle el text-align: center; es a el .hentry .title-post.

Ver el archivo adjunto 98223

Ya intenté poniendo text-align: center a .hentry .title-post y se sigue viendo alineado a la izquierda desde el movil, aunque desde el custom css de Wordpress lo puse no se alinea como lo quiero, si lo hago desde el chrome, herramienta para desarrolladores si se centra pero al poner el estilo en el wordpress no lo agarra, lo tengo asi:

.hentry .title-post {
font-size: 25px;
text-align: center;
}

Sin título.webp
 
Ya intenté poniendo text-align: center a .hentry .title-post y se sigue viendo alineado a la izquierda desde el movil, aunque desde el custom css de Wordpress lo puse no se alinea como lo quiero, si lo hago desde el chrome, herramienta para desarrolladores si se centra pero al poner el estilo en el wordpress no lo agarra, lo tengo asi:

.hentry .title-post {
font-size: 25px;
text-align: center;
}

YA borraste el cache de tu navegador y de tu wordprees? igual agrega el !important a el text-align: center;.
HTML:
.hentry .title-post {
    font-size: 25px;
    text-align: center !important;
    }
 
YA borraste el cache de tu navegador y de tu wordprees? igual agrega el !important a el text-align: center;.
HTML:
.hentry .title-post {
    font-size: 25px;
    text-align: center !important;
    }

Puse el código tal cual, borre el cache de chrome. E igual sigue apareciendo el Titulo a la izquierda, puedes chequear entrando:
Contáctanos - TrendingMedia Venezuela

Desde un movil o desde el chrome, desarroladores, vista de movil.
 

Le acabo de aplicar el text-align: center !important; directamente en el editor CSS de wordpress pero no se aplica a la pagina no entiendo por qué... Aqui dejo un capture:

Sin título.webp

- - - Actualizado - - -


Le acabo de aplicar el text-align: center !important; directamente en el editor CSS de wordpress pero no se aplica a la pagina no entiendo por qué... Aqui dejo un capture:

Sin título.webp

- - - Actualizado - - -

ya sale centrado amigo

Desde el movil??
A mi me sigue apareciendo alineado a la izquierda, desde la pc si sale centrado.
 
Atrás
Arriba