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

rikrdomat · 16 Abr 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 Abr 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 Abr 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 Abr 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 Abr 2017

Stron dijo:
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;
}

Stron · 16 Abr 2017

rikrdomat dijo:
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 Abr 2017

Stron dijo:
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 Abr 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 Abr 2017

Stron dijo:
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 el archivo adjunto 98327

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

Stron · 16 Abr 2017

rikrdomat dijo:
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 Abr 2017

Stron dijo:
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 el archivo adjunto 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 dijo:
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 el archivo adjunto 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 dijo:
ya sale centrado amigo

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

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

rikrdomat

Stron

jantoniobotto

Doroteo78

rikrdomat

Stron

rikrdomat

Stron

rikrdomat

Stron

rikrdomat

Temas similares