Hi,
On my Home page (info below), I’d like to style the masonry gallery differently from how it’s used in another area of the site. How do I go about using the Custom ID Attribute to do this?
Thank you!
Hey designyvr,
Could you try to explain the changes you would like to make a bit further please?
Best regards,
Rikard
Sorry. I sent you the wrong page!
On the page below, I’d like to style this particular masonry gallery differently from the other masonry galleries on the site. I’d like to use text of a different color and size and different color/opacity for the overlay.
How can I change the styles just for this one masonry gallery?
Thank you for your help!
Hi designyvr,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top.page-id-1131 #av-masonry-1 .av-masonry-item-with-image .av-inner-masonry-content:hover {
background: rgba(59, 185, 173, 0.7) !important;
}
#top.page-id-1131 #wrap_all #av-masonry-1 .av-masonry-item-with-image .av-inner-masonry-content h3 {
color: #ccc !important;
}
This will work for the test page and you can play with the values.
If you need further assistance please let us know.
Best regards,
Victoria
Dear Victoria, Thank you very much for your help!
Hi designyvr,
Glad that Victoria helped you :)
Let us know if you need further assistance or if we can close this thread.
Best regards,
Nikko
Thank you for confirming Nikko, we’re all set!