Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #612683

    Hi Supporters,

    I’m using Masonry to show a category and I want to change the size of items only for this Masonry element. I’ve used the Section ID and defined CSS for it but it doesn’t work. I couldn’t find the assigned ID in the source code and I think its because of it!

    Section ID: homepagearchitect

    #homepagearchitect .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    width:180px;
    height:180px;
    }

    Is there anything I’m missing?!

    Thanks,

    #612701

    Hey shahrooz!

    Please use the below code in Quick CSS under Enfold > General Styling

    
    #homepagearchitect  .avia_desktop.avia_transform3d .av-masonry-image-container {
        width: 180px!important;
        height: 180px!important;
    }

    Regards,
    Vinay

    #612722

    Hey Vinnie,

    Thanks for the tip but it didn’t work. Actually I am using child theme and use the code in both place (child css and quick css) but no success.

    #614681

    Hey!

    Note that the section id of the masonry element will not work if it is inside a column. Please add the unique selector in the custom css class field instead. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Use this css code to adjust the height of the masonry items:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
        padding-bottom: 150%;
    }

    Best regards,
    Ismael

    #614753

    Hi Ismael,

    I’ve assigned the class to the container and it seems now working.

    Thanks for your help.

    • This reply was modified 8 years, 7 months ago by shahrooz.
    #615412

    Hi,

    Great, please let us know if you should need any more help on the topic.

    Thanks,
    Rikard

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