Aplicación de borde punteado a títulos específicos con CSS en plantilla de WordPress

gerardoMx · 1 Mar 2015

Hola gente del foro,aqui vengo con una consulta que no he podido resolver.
Estoy trabajando en la pantilla de un tema wordpress,mi intencion es aplicar con css el atributo "doted" a algunos elementos,les explico
Yo quiero aplicar el atributo ccs doted y algunos otros a la etiqueta h2,h3,h4,h5,h6
Pero no quiero que el titulo en la pagina principal tenga estos atributos
ya que los titulos de la pagina principal tiene el h2

Como puedo hacer por ejemplo para que el border-bottom: thick dotted #ff0000; solo se aplique a las etiquetas "h2,h3,h4,h5,h6" pero solo al contenido de las entradas?

Estuve pensado en crear un <div id="h2-doted"> para aplicarlo solo a las entradas del blog,pero tendria que poner esa declaracion cada que vaya a usar un h2 o h3 en las entradas

Alguien que me de una pista?

Gracias de antemano por su ayuda 🙂

jonay · 1 Mar 2015

Fijate en el contenedor de las entradas y tendrán una class o id que no tiene nadie mas, así que .CLASSDELCONTENEDOR h1, .CLASSDELCONTENEDOR h2 (si es ID cambiar . por #) :encouragement:

gerardoMx · 1 Mar 2015

Gracias por tu respuesta [MENTION=2243]jonay[/MENTION] no se que este haciendo mal,pero no funciona,el codigo no lo estoy editando directamemte en el ccs principal,sino en uno custom,para que no se pierdan los cambios,lo tengo asi,pero no funciona

/* ==========================================================================
estilos para el h3, h4, h5, h6 de las entradas
========================================================================== */

/* Typography */
h2, h3, h4, h5, h6 {
color: #222222;
font-weight: bold;
font-family: "Fjalla One", sans-serif;
margin-bottom: 30px;
margin-bottom: 1.66667rem;
border-bottom: thick dotted #ff0000;
}

esta es el class de los titulo de la entrada en la pagina principal
.entry-title {
clear: both;
font-weight: bold;
margin-bottom: 0;
font-size: 30px;
font-size: 1.66667rem;
line-height: 30px;
line-height: 1.66667rem;
}

Sigo investigando ............

jonay · 1 Mar 2015

gerardoMx dijo:
Gracias por tu respuesta [MENTION=2243]jonay[/MENTION] no se que este haciendo mal,pero no funciona,el codigo no lo estoy editando directamemte en el ccs principal,sino en uno custom,para que no se pierdan los cambios,lo tengo asi,pero no funciona

/* ==========================================================================
estilos para el h3, h4, h5, h6 de las entradas
========================================================================== */

/* Typography */
h2, h3, h4, h5, h6 {
color: #222222;
font-weight: bold;
font-family: "Fjalla One", sans-serif;
margin-bottom: 30px;
margin-bottom: 1.66667rem;
border-bottom: thick dotted #ff0000;
}

esta es el class de los titulo de la entrada en la pagina principal
.entry-title {
clear: both;
font-weight: bold;
margin-bottom: 0;
font-size: 30px;
font-size: 1.66667rem;
line-height: 30px;
line-height: 1.66667rem;
}

Sigo investigando ............

Si pasas la url (por privado o aquí) y dices exactamente lo que quieres, te digo como es. :encouragement:

gerardoMx · 1 Mar 2015

jonay dijo:
Si pasas la url (por privado o aquí) y dices exactamente lo que quieres, te digo como es. :encouragement:

Muchas gracias,te envio la url x pm 😉

krusty72 · 1 Mar 2015

Puedes tener dos clases en el mismo div.

Crea una nueva clase que contendrá el atributo dotted y editas el single.php agregando la nueva clase al div que tiene anidadas las h2,h3,etc.

gerardoMx · 1 Mar 2015

Gracias [MENTION=2092]krusty72[/MENTION] por tu ayuda

afortunadamente [MENTION=2243]jonay[/MENTION] me ayudo a solucionar el problema con unas lineas de css

Muchas gracias Jonay!!!

Aplicación de borde punteado a títulos específicos con CSS en plantilla de WordPress

gerardoMx

jonay

gerardoMx

jonay

gerardoMx

krusty72

gerardoMx

Temas similares