Tagged: layout, masonry grid, portfolio grid
I was wondering if there’s any way to make the portfolio grid display a grey background with some spacing in between like the masonry grid. Please see my website in the attached. Thank you!
Hi schenkco!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.grid-entry .inner-entry {
padding-bottom: 10px;
padding-right: 10px;
}
Regards,
Yigit
Good stuff! I added also the left and top padding to 10px and the layout looks identical. Is there any way to make the 10px padding area grey? Thanks Yigit!
Hi!
Instead of padding, add:
border: 10px solid #eee; and let us know if that works better for you!
Regards,
Basilis
I know it’s probably a situation of either the previous method or the suggested one but is there a way to remove the border around the images? Both methods still have that hairline border that the masonry grid doesn’t have.
Hi!
try v
.grid-entry .inner-entry {
box-shadow: none !important;
}
let me know if that helps.
Best regards,
Basilis
Hi!
Did it worked? Can I close the topic here?
Regards,
Basilis
Sorry about that, just came back from weekend.
EDIT
It looks alright but not consistent with the masonry. The grey area is not equal spacing and it ends at the last item. Is there any way to make the area a color section so it’s a grey background throughout? Sorry, I know I’m asking of too much..
Hey!
You can play with the colors and the size, to try bring it as close as possible for the result.
I am not sure, how we could make it more better.
Cheers!
Basilis
Hi!
I hope everything is solved, I will do close the ticket here, let us know if you need anything else
Cheers!
Basilis