Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 22, 2021 at 8:54 am #1295961
    sitesme

    Hello.

    The caption section at the bottom of each image of a masonry gallery has a few problems for what we want to achieve.
    Please check the screenshot here: https://dns.d.pr/GZjZk2/ePUgg8Em5Y

    1. We would like the black background to have some transparency so we can see something from the image
    2. The background “box” has very large margins on top/bottom. Can they be decreased?
    3. Is it possible to remove that arrow “pointing up” at the center of the caption’s background?
    4. Is it possible to center the captions instead of being aligned to the left?

    Thank you

    April 24, 2021 at 5:40 am #1296471
    Rikard

    Hey sitesme,

    Thanks for the screenshot. Could you post a link to where we can see the actual element as well please?

    Best regards,
    Rikard

    April 24, 2021 at 10:11 am #1296492
    sitesme

    Hi Rikard, please check the URL in private.
    Thank you

    April 27, 2021 at 5:17 am #1296880
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .main_color .container .av-inner-masonry-content {
    background-color: rgba(1,1,1, 0.5);
}

.av-masonry-entry .avia-arrow {
    display: none;
}

.av-large-gap.av-flex-size .av-masonry-entry .av-inner-masonry {
    margin-right: 5px;
    margin-bottom: 5px;
}

    Best regards,
    Rikard

    April 27, 2021 at 6:19 am #1296902
    sitesme

    Thank you Rikard,

    It looks much better now and almost there.

    The only thing missing is the “background” height. It is still quite big. Is it possible to bring it to almost the same height as the font on it?
    Screenshot and URL in private for better understanding.

    Thank you

    April 29, 2021 at 6:34 am #1297257
    Rikard

    Hi,

    Thanks for the update. Please try this CSS as well:

    .av-masonry-entry .av-inner-masonry-content {
    padding: 5px;
}

    Best regards,
    Rikard

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