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,
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
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.
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
Hi Ismael,
I’ve assigned the class to the container and it seems now working.
Thanks for your help.