Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • November 20, 2018 at 1:33 pm #1035581
    Birdster

    I have found multiple topics on this forum which provide the code to add custom image overlays to masonry gallery images, however they all seem to use the ‘.av-inner-masonry-content’ div tag, eg:

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

    However, this only seems to work if the masonry grid uses the ‘Element Title and Excerpt Styling’ option: ‘display as centered overlay’. Unfortunately i am using the ‘Display at the bottom of the image’ option. Is there a way to add a similar overlay to the image (‘.av-masonry-image-container’) if the content area is below?

    Thanks,

    November 21, 2018 at 4:31 pm #1036158
    Victoria

    Hey Birdster,

    Could you please attach a mockup of what you’re trying to achieve?

    Best regards,
    Victoria

    November 23, 2018 at 12:47 pm #1036938
    Birdster

    Hi Victoria,

    Sorry for the delay, but needed to get everything else working to be able to show you the issue.

    So, what i am trying to achieve is to add a gradient overlay on top of the portrait image (top right post). These portrait images that will require an overlay (due to the use of white text) are a separate post type (named ‘pdf posts’). I am thinking the best approach would be to assign this post type the masonry option of ‘display the title as a centered overlay’, however the other post types need to keep the ‘display title below’ option that is currently assigned to the masonry grid.

    Hopefully that makes sense? login attached privately if that’s any help?

    • This reply was modified 6 years ago by Birdster.
    November 23, 2018 at 8:21 pm #1037100
    Victoria

    Hi Birdster,

    Can you please upload the screenshot to a service like Dropbox? We cannot see it like that.
    Image 2018-11-23 at 20.21.22.png

    Best regards,
    Victoria

    November 26, 2018 at 1:57 pm #1037644
    Birdster

    It was uploaded to google drive, so not sure why the link didn’t work. But here’s a go with dropbox:

    masonry grid

    November 26, 2018 at 2:02 pm #1037649
    Birdster

    Looks like it is still not working, so pasted the google drive and dropbox links in the private content field, hopefully one of those will work?

    November 27, 2018 at 6:48 pm #1038121
    Victoria

    Hi Birdster,

    Do you mean you need different layouts for the items within the same masonry?

    Best regards,
    Victoria

    November 27, 2018 at 7:42 pm #1038161
    Birdster

    kind of.

    I have the different layouts working as needed, but there is an option in your masonry grid settings which either overlays the title in the center of the image or you can select to have the title below the image. Is there a way to assign this option to a specific post type. eg: all posts use the ‘title and excerpt below the image’ except the custom post type named ‘pdf’ – which uses the ‘overlay title in the center of the image’ option?

    The problem is, without using the ‘overlay title in center of image’ option, there is no overlay created ( ‘.av-caption-style-overlay’ ) for me to assign the required code to.

    November 29, 2018 at 12:37 pm #1038911
    Victoria

    Hi Birdster,

    No, there isno such option at this point. You might want to hire someone to make the customization for you.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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