-
Posts
-
Hi,
I am having a bit of trouble with the masonry gallery. I am trying to create a layout like this one – http://www.reece.com.au/bathrooms
where there are 3 columns, and the middle one is wider that the left and right ones.I have tried many things, even using the images from the theme demo to try and replicate the masonry gallery in style of the demo but it’s just displaying with all images the same size (see link provided).
I have it set on “Perfect Automatic Masonry”.
If you could let me know what I’m doing wrong that would be great.
Thank you!
Hey Emidi!
To always maintain this proportion you need to add 2 images inside 1/5 col and use a 3/5 col for the middle part and insert a masonry gallery with the below settings.
We have made a sample page for you with the layout style you requested. Please enable debug mode and copy paste the below code to the default text editor on a new page and save it.
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_image src='http://localhost/_proj/enfold/wp-content/uploads/2015/02/Showcase-05-3-724x430.png' attachment='36' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class=''][/av_image] [/av_one_fifth] [av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_masonry_gallery ids='406,405,39,38,37,36,35,34,33,32,30,29,28' items='24' columns='flexible' paginate='pagination' size='fixed masonry' gap='1px' overlay_fx='active' container_links='active' id='' caption_elements='title excerpt' caption_styling='' caption_display='always' custom_class=''] [/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''] [av_image src='http://localhost/_proj/enfold/wp-content/uploads/2012/04/013-9-1000x430.jpg' attachment='314' attachment_size='featured' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' custom_class=''][/av_image] [/av_one_fifth]Best regards,
VinayHi Vinnie,
Thanks for your response.
Sorry, I’m a bit confused – Do I create columns and add images into them, or do I create the masonry gallery. It’s not possible to do both.I followed the instructions to enable Avia Layout Builder Debug but when I add the code to functions.php it stop the website working (I just get a blank white page).
Thanks :)
Hey!
We can setup both the example for you on a private test page. please create a temporary user with ‘administrator’ role and share in private content with permission to add custom code if necessary to help you resolve this issue.
Cheers!
Vinay
- The topic ‘Masonry Gallery – Image sizes?’ is closed to new replies.