Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 5, 2021 at 6:29 pm #1292589
    Eleina_Shinn

    Hi:

    I want a background color overlay on top of my masonry blog posts on this page: http://integris-intl.com/blog/

    You’ll see i’ve added it with the following css, but it’s taking up almost the entire square, and I’d like the background just behind the text (post title, excerpt and date – not to take up enire square… trying different things and can’t seem to get it right.

    /*OVERLAY BLOG POSTS RED */
    div.av-inner-masonry-content-pos {background-color: rgba(229,12,44, 0.3); padding: 30px;}

    • This topic was modified 3 years, 7 months ago by Eleina_Shinn.
    April 7, 2021 at 1:22 am #1292949
    Ismael

    Hey Eleina_Shinn,

    Thank you for the inquiry.

    The masonry items have color overlay by default, which surrounds the content container. Would you like to change its background color? If yes, please try this css code.

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content {
    background-color: rgba(0,0,0,.5);
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.