Edição de margens de títulos no Gutenberg com CSS

richardx · 15/12/2021

Hola, buenas a todos. Quiero editar los márgenes de los h2 y h3 de mis entradas con CSS. Las edito con gutenberg y aunque sea algo básico no puedo hacerlo sin CSS. El problema es que cuando lo hago desde "Apariencia-Personalizar", se modifican los h2 y h3 de toda la web. Y yo solo quiero que se modifiquen los de mis entradas.. Alguna solución? Gracias

adolfohnz · 20/12/2021

Hola no sé si estás usando algún editor de bloque, espero que si 🙂 lo ideal es que cree una clase personalizada luego se la agregues a cada h2 y h3

.tuclases h2 {margin: valor;}

Tglex · 21/12/2021

tus entradas son posts normales o custom post types? WP agrega clases al body dependiendo de que tipo de pagina este mostrando, asi que si son post normales, puedes manipular solo en los blog post usando

CSS:

.single-post h2 {
    /*Modifica tu margen o lo que necesites*/
    margin-bottom: 1.5em;
}

Si hay h2 y h3 fuera del contenido en si del post, como por ejemplo en el sidebar tambien los va a modificar, asi que de ser necesario puedes ser aún más específico, los themes suelen tener un contenedor para el texto principal, así que puedes buscar que clase tiene y agregarla despues del ".single-post" y antes del "h2". Por ejemplo en el theme que uso sería algo así:

CSS:

.single-post .single-content h2 {
    margin-bottom: 1.5em;
}

EspErpENto · 23/12/2021

Tglex disse:
tus entradas son posts normales o custom post types? WP agrega clases al body dependiendo de que tipo de pagina este mostrando, asi que si son post normales, puedes manipular solo en los blog post usando

CSS:

.single-post h2 { /*Modifica tu margen o lo que necesites*/ margin-bottom: 1.5em; }

Si hay h2 y h3 fuera del contenido en si del post, como por ejemplo en el sidebar tambien los va a modificar, asi que de ser necesario puedes ser aún más específico, los themes suelen tener un contenedor para el texto principal, así que puedes buscar que clase tiene y agregarla despues del ".single-post" y antes del "h2". Por ejemplo en el theme que uso sería algo así:

CSS:

.single-post .single-content h2 { margin-bottom: 1.5em; }

Más claro va a ser imposible de explicar.

Edição de margens de títulos no Gutenberg com CSS

richardx

adolfohnz

Tglex

EspErpENto

Tópicos similares