Centrar contenido de blog en WordPress de forma rápida

Hola compañeros/as:

Necesito centrar todo el contenido de mi blog de una sola vez (titulos H1,H2, titulos widgets, contenido de la entrada, etc) ante lo cual utilizando la opcion de "inspeccionar elemento" en Chrome he llegado hasta este punto y he puesto al final la condicionar "text-align: center;" como se muestra a continuacion:


media="all"
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
text-align: center;
}

En la vista previa se ve todo el Blog centrado como lo necesito, PERO, al agregar el mismo codigo en el style.css no sucede nada. Asi se encuentra el mismo codigo en el Style, no se si debo agregar otra condicionar u algo por el estilo:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
text-align: center
}

En la opcion de "personalizar" mi plantilla tengo una zona donde puedo agregar un codigo .css modificado, no se cual pueda emplear para centrar de una vez todo el contenido de mi blog.

Nuevamente agradezco su ayuda.
Saludos. :encouragement:

Hola manxel,

Puedes provar dos cosas cosas, sin ver el sitio:

1. usar ese código que has puesto en el CSS pero le añades un !important.
2. Usar el código en la zona para personalizar la plantilla, normalmente ese sobreescribe a los otros css.

Saludos

Lo que ya te dijeron es asi, agrega !important para que ignore los demas estilos, o agregalo en el editor css del theme, si no tiene, coloca esos estilos justo antes del </head>, otra opcion es este codigo * {text-align:center} aunque recuerda que el text align no aplica en todos los elementos, igual lo que tratas de hacer NO se debe hacer asi, se debe hacer responsablemente en los elementos donde haga falta... pero mira haber que sancocho cocinas.

Arnaus dijo:

Hola manxel,

Puedes provar dos cosas cosas, sin ver el sitio:

1. usar ese código que has puesto en el CSS pero le añades un !important.
2. Usar el código en la zona para personalizar la plantilla, normalmente ese sobreescribe a los otros css.

Saludos

Hacer clic para expandir...

Ricky16 dijo:

Lo que ya te dijeron es asi, agrega !important para que ignore los demas estilos, o agregalo en el editor css del theme, si no tiene, coloca esos estilos justo antes del </head>, otra opcion es este codigo * {text-align:center} aunque recuerda que el text align no aplica en todos los elementos, igual lo que tratas de hacer NO se debe hacer asi, se debe hacer responsablemente en los elementos donde haga falta... pero mira haber que sancocho cocinas.

Hacer clic para expandir...

Muchas GRACIAS por su ayuda compañeros, mi duda es donde debo anteponer el !important

Este es el codigo nativo en el Style.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
text-align: center
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
text-align: center !important;
}