-
Posts
-
Enfold Styling issue h3
I have custom styled the h3 header and works perfectly everywhere on the site/theme except for one place…
the “comments are closed section”…
.main_color h3 {
color: #ffffff;
text-transform: uppercase;
letter-spacing: 1px;
padding-left: 20px;
box-shadow: 0px 4px 10px -5px black;
text-shadow: none;
font-weight: normal;
background-color: #639F23;
opacity: .80;
}
Take a look at this picture…
https://docs.google.com/file/d/0B131Fa_pEsH6ampqREhYdnhDMnM/edit?usp=drivesdk
and/or the actual page.. look around the site too and see the h3’s look fine except there…
http://209.208.95.136/hello-world/
I have tried a few different css things but couldn’t resolve it…
So my question is what css can I use to make just that box be the defaults for the “comments are closed”…?
Thanks in advance…
Mark L. Lee
Hi Mark,
You can target it and then re-set the styles as needed:
h3.commentsclosed {
background: transparent;
}So box-shadow, color, padding, text shadow etc can all be set to their base values or you can modify it however you want.
Regards,
Devin
Great thanks for the quick reply… I had tried close to the same thing (but had a an extra space h3 .commentsclosed) and was not working… then used yours but had to add !important to all and that worked… this fixed it up…
h3.commentsclosed {
background: none !important;
color: black !important;
text-transform: none !important;
}
Much appreciated…
Mark L. Lee
- The topic ‘Enfold Styling issue’ is closed to new replies.