Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 5, 2024 at 8:13 pm #1436414
    95mc

    Hi,

    I have create a masonry gallery and look good in the computer and laptop but in the mobile the images no load.
    Here send you the link and a pic.
    Thanks advance,

    BR,

    Antonio.

    March 5, 2024 at 9:08 pm #1436420
    95mc

    Hi again,

    I keep checking it and discover that if I remove this css code:

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: #ffffff;
    }

    It woks in the mobile, but not is white that is what I need.
    Could you help me?

    Thanks advance,

    BR,

    Antonio.

    March 6, 2024 at 7:57 am #1436450
    Ismael

    Hi,

    Thank you for the inquiry.

    The css code that you mentioned above covers the masonry image. Why did you add it? If you want to add transparency to the background, try to replace the css with this code: 

    #top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(255,255,255,0.35);
}

    Best regards,
    Ismael

    March 6, 2024 at 10:11 am #1436476
    95mc

    Hi Ismael,

    I would like in mobile like in computer, that you can see the image and when touch or roll over the image the overlay is white and the are black like in computer.
    It is possible?
    Many thanks,

    BR,

    Antonio.

    March 7, 2024 at 9:05 am #1436582
    Ismael

    Hi,

    Thank you for the update.

    Please remove the previous css code, then replace it with the following code:

    #top .av-caption-style-overlay .av-masonry-item-with-image:hover .av-inner-masonry-content {
    background: rgba(255,255,255,0.35);
}

    Do not forget to toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know if this works.

    Best regards,
    Ismael

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