Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #27697

    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…

    and/or the actual page.. look around the site too and see the h3’s look fine except there…

    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.




    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


    Glad we could help :)

    Let us know if you have any other questions or issues.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Enfold Styling issue’ is closed to new replies.