Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #179911

    Hi.

    I have enfold with a child theme installed on my site.

    When I add the following to my enfold-child/style.css, everything works as expected and the caption area for Masonry turns dark with some transparency:

    figcaption.av-inner-masonry-content.site-background {
    background-color: rgba(0,0,0,0.8);

    However, in order to change the text colour of the same caption to white, if I paste this into the same file:
    h3.av-masonry-entry-title.entry-title {
    color: white;
    }

    Nothing happens.

    I have to pasted it instead into:
    enfold/css/custom.css

    Then it works as expected.

    Can you please help me to understand why I can’t keep all the css edits in my child theme style.css? When I look at the source code for the page, this is the last css loaded, so should (in theory – I thought anyway) override any of the styles above?

    Thanks for your help

    #179920

    Hi cj_envato!

    You can try adding !important to force it. i.e.:

    figcaption.av-inner-masonry-content.site-background {
    background-color: rgba(0,0,0,0.8) !important; }

    Cheers!
    Yigit

    #179924

    Thanks.
    Actually, I just realised I had omitted a closing ‘}’ from the css above.
    That’d do it.
    Thanks again.

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

The topic ‘Enfold css / masonry query’ is closed to new replies.