Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 24, 2024 at 11:59 am #1438194
    TBant

    Hi

    As per title, I am using Masonry Gallery on my homepage with title + excerpt. I want to use each gallery item as a link to a specific page. What I am trying to figure out, is how to add the entry-title in its own div so I can give it a background color which contrasts with the excerpt.

    For example https://i.imgur.com/XJbcjlx.png

    As a side note – I will be adding around 5-6 galleries in this style on the homepage, with a total of around 30 links/images combined. I’m wondering how this will effect site speed or if I would be better using standard elements.

    I am using the “construction” theme with a child theme… but I am yet to add anything to the child theme.

    Help and advice appreciated as always!

    Thanks

    Oliver

    March 27, 2024 at 6:56 pm #1438475
    Mike

    Hey TBant,
    Thank you for your patience, if you are using the masonry gallery with the caption always showing under the image:
    Enfold_Support_5180.jpeg
    and you want to change the background color of the caption, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    #top .main_color .container .av-inner-masonry-content,
#top .main_color .container .av-masonry-entry .avia-arrow {
	background-color: orange;
}

    After applying the css, please clear your browser cache and check.
    This is the expected results:
    Enfold_Support_5184.jpeg

    Best regards,
    Mike

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