Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #1144615


    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,


    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

     #av-masonry-1 .av-masonry-item-with-image .av-inner-masonry-content:hover {
        background: rgba(59, 185, 173, 0.7) !important;
    } #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,


    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,


    Thank you for confirming Nikko, we’re all set!



    Great, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Using Custom ID Attribute’ is closed to new replies.