Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 20, 2021 at 3:17 pm #1301401
    TakiwaSoulArt

    Hi,

    I want to change the text color of the masonry gallery, the size and the font weight. But I can’t find a CSS Code for it. I need help please.

    At the moment the text color is brown and the text is only shown in mouse hover state.

    Thank you and greetings, Sabine

    May 20, 2021 at 5:03 pm #1301450
    Jordan Shannon

    Hey Sabine,

    Add this to quick css:

    .av-masonry-entry-content.entry-content font{
font-color:#fff!important;
font-weight:bold!important;
font-size:20px!important;
}

    If the color remains brown, you have to find and remove this from css:

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content * {
    color: #8c4e3b !important;
}

    Best regards,
    Jordan Shannon

    May 20, 2021 at 5:52 pm #1301473
    TakiwaSoulArt

    Hi Jordan,

    thank you for the quick answer.

    To remove this code works

    #top .av-caption-style-overlay a.av-masonry-item-with-image .av-inner-masonry-content * {
    color: #8c4e3b !important;
    }

    But the other code

    .av-masonry-entry-content.entry-content font{
    font-color:#fff!important;
    font-weight:bold!important;
    font-size:20px!important;
    }

    works not – so sorry. But I found a solution in another code. Thank you.

    But there is now another problem. I have two masonry galleries on two different pages.

    1. On page-id-362 I need no overlay over the images
    2. On page-id-406 I need an overlay with 0,5 over the images

    How can I handle this?

    Thank you and greetings,
    Sabine

    • This reply was modified 3 years, 7 months ago by TakiwaSoulArt.
    May 23, 2021 at 3:14 pm #1301842
    Mike

    Hi,
    Thank you for your patience, so as I understand your last issue is on page page-id-362 which I found as /die-umgebung/ you want no overlay over the masonry gallery images, as I checked this is true, so this one is done?
    Then on page page-id-406 which I found as your homepage, you want a 0.5 overlay over the masonry gallery images, to do this please add this css:

    #top.page-id-406 .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5);
}

    2021-05-23_091215.jpg
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    May 25, 2021 at 10:54 am #1302191
    TakiwaSoulArt

    Hi Mike,

    thank you so much – it works perfect.

    You can close this topic.

    Greetings, Sabine

    May 25, 2021 at 11:58 am #1302206
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Masonry Gallery change color of text’ is closed to new replies.