Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 4, 2021 at 6:15 am #1308625
    garbdesign

    I’m using the masonry/grid layout for portfolio items. Is it possible to modify the captions to look like the image below? I would prefer the captions at the bottom, text color = white & caption background = transparent.

    Masonry Captions

    • This topic was modified 3 years, 4 months ago by garbdesign.
    July 4, 2021 at 10:42 pm #1308680
    Mike

    Hey garbdesign,
    For this:
    2021-07-04_010.jpg
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top .av-inner-masonry-content.site-background {
	background-color: transparent !important;
}
#top h3.av-masonry-entry-title.entry-title {
	color: #fff !important;
}
.avia_desktop #top .av-hover-overlay-active .av-masonry-image-container {
    opacity: 1 !important;
}

    After applying the css, please clear your browser cache and check.
    If you have any trouble please link to your test page so we can investigate.

    Best regards,
    Mike

    July 8, 2021 at 3:59 am #1309180
    garbdesign

    Thanks Mike! That’s exactly what I was trying to do.
    John

    July 8, 2021 at 11:50 am #1309244
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Masonry / Grid Layout Captions’ is closed to new replies.