[Fernando García García]

He conseguido aplicar esos estilos que no me deja modificar en divi con código css pero hay otra cosa que no me sale.

Me gustaria que al insertar botones en los articulos, estos cogieran la configuracion de wordpress pero en mi caso no es asi, y en la plantilla de contenido de divi no incluye la configuracion de botones.

[Jefferson Maldonado]

¡Hola Fernando! 👋

¡Qué bueno que el curso te ha sido útil! Te ayudo con cada una de tus dudas:

1️⃣ Configurar espaciado debajo de cada H (títulos)

Como ya descubriste, la mejor forma de hacerlo es con CSS. Puedes agregar este código en Opciones del tema → CSS Personalizado o en tu plantilla del Theme Builder (en la pestaña Avanzado de Divi). Esto asegurará que todos los encabezados tengan un espacio uniforme debajo.

/* Espaciado debajo de cada H */
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 20px; /* Ajusta según necesites */
}

2️⃣ Configurar espaciado encima y debajo de cada imagen

Si quieres agregar margen a todas las imágenes dentro de tus artículos del blog, usa este CSS:

/* Espaciado arriba y abajo de imágenes dentro de artículos */
.et_pb_post img {
  margin-top: 20px;
  margin-bottom: 20px;
}

3️⃣ Poner tabulación a los H3

Si quieres que los H3 tengan una sangría o tabulación, puedes usar padding-left:

/* Agregar tabulación a los H3 */
h3 {
  padding-left: 20px; /* Ajusta según lo necesites */
}

También puedes hacer que solo afecte los H3 dentro del contenido del blog:

.et_pb_post h3 {
  padding-left: 20px;
}

4️⃣ Hacer que los botones dentro de los artículos sigan el estilo global de WordPress

Este es un detalle importante, ya que Divi sobrescribe los estilos por defecto de WordPress, por lo que los ajustes del botón debes hacerlos con Divi necesariamente, pero en el personalizador de temas de WordPress, tal como enseñamos en nuestro curso de Divi Básico.