Centralizar Título no PC e Celular em CSS

rikrdomat · 16/04/2017

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.

Stron · 16/04/2017

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.

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.

jantoniobotto · 16/04/2017

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..

Doroteo78 · 16/04/2017

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

rikrdomat · 16/04/2017

Stron disse:
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 o anexo 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 o anexo 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;
}

Stron · 16/04/2017

rikrdomat disse:
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;
    }

rikrdomat · 16/04/2017

Stron disse:
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.

Stron · 16/04/2017

que archivo css estas editando?, ya que en tu estilos no sale nada
http://trendingmediavzla.com/wp-content/themes/sydney/style.css?ver=4.7.3

rikrdomat · 16/04/2017

Stron disse:
que archivo css estas editando?, ya que en tu estilos no sale nada
http://trendingmediavzla.com/wp-content/themes/sydney/style.css?ver=4.7.3

Ver o anexo 98327

Todos los estilos que tengo los aplico desde el Plugin Custom CSS ahi es donde aplico cada estilo de la pagina.

Stron · 16/04/2017

rikrdomat disse:
Todos los estilos que tengo los aplico desde el Plugin Custom CSS ahi es donde aplico cada estilo de la pagina.

ya sale centrado amigo

rikrdomat · 16/04/2017

Stron disse:
que archivo css estas editando?, ya que en tu estilos no sale nada
http://trendingmediavzla.com/wp-content/themes/sydney/style.css?ver=4.7.3

Ver o anexo 98327

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:

- - - Actualizado - - -

Stron disse:
que archivo css estas editando?, ya que en tu estilos no sale nada
http://trendingmediavzla.com/wp-content/themes/sydney/style.css?ver=4.7.3

Ver o anexo 98327

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:

- - - Actualizado - - -

Stron disse:
ya sale centrado amigo

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

Centralizar Título no PC e Celular em CSS

rikrdomat

Stron

jantoniobotto

Doroteo78

rikrdomat

Stron

rikrdomat

Stron

rikrdomat

Stron

rikrdomat

Tópicos similares