Tagged: masonry grid text
Dear Kriesi,
How can I remove the light grey background around the title and excerpt displayed under featured images in the Masonry Grid, and remove the padding around the displayed title and excerpt text?
Thanks, Richard
Hey Richard,
Thank you for the inquiry.
Please provide the site URL or a direct link to the page containing the Masonry element so that we can check them. A screenshot will also help.
If you need to adjust the background of the masonry content, please try this css code:
#top .av-inner-masonry-content {
background: transparent;
}
Best regards,
Ismael
Thanks Ismael,
See private link below. The top two items sit inside a standard portfolio grid with two columns. I would like to use the masonry grid instead as this gives me the option to have a gap between each column.
I’m using the following css to position the title and excerpt to the left below the featured image, but I cannot find a way to do the same for the title and excerpt text in the masonry grid.
.grid-entry .inner-entry { box-shadow: none; }
div.grid-content { text-align: left; }
.grid-content { padding-left: 0; }
Best wishes,
Richard
Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:
#top .av-masonry-entry .av-inner-masonry-content {
padding: 20px 0;
}
to remove the left and right padding of the excerpt, after applying the css, please clear your browser cache and check.
Best regards,
Mike
Great, thanks 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