Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #643899

    Hello,

    How can I control the opacity, position and colour (background and font) of the text overlay over image in Masonry Gallery?

    Grüße
    Jyothis

    #644335

    Hey Jyothis,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    . (Purchase code hidden if logged out)  {
        vertical-align: bottom;
    }
    

    For other changes, can we see the element on your live page?

    Best regards,
    Yigit

    #652403

    Hello Yigit,

    Please find the element in the page below. I want to align the text to centre and format fonts. Also, is it possible to control the opacity of the white background when the text is displayed over scroll?

    Thank you

    Grüße
    Jyothis

    #653146

    Hi,

    Yes, that would be possible, but i could not find the element on your page. Have you removed it? If not, can you please post the link to the exact page/section?

    Best regards,
    Yigit

    #653339

    Hi Yigit,

    I removed the item from my main page as I didnt find a solution. Please find it in the new test page in the private area.

    Grüße
    Jyothis

    #654581

    Hi,

    How do you want the overlay to look? You can start with this:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-content, .av-caption-on-hover . (Purchase code hidden if logged out) .av-masonry-entry .av-inner-masonry-content, .av-flex-size. (Purchase code hidden if logged out)  .av-masonry-entry. (Purchase code hidden if logged out)  .av-inner-masonry-content {
        top: 0;
        background: rgba(0,0,0,.5);
    }
    
    .main_color .av-masonry-entry-title.entry-title {
        color: #ffffff;
    }

    Best regards,
    Ismael

    #656284

    Thank you Ismael,

    That helped :)

    Grüße
    Jyothis

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

The topic ‘Masonry Gallery’ is closed to new replies.