-
AuthorPosts
-
January 24, 2019 at 2:16 pm #1058150
Hi
Is it possible to create the grid layout in the image. Check myntz.lookmedia.nl for the site. i used grids to create the single cell (rooskcb) en the two cell below.
But is also need a grid with 2 on the side :).
January 26, 2019 at 4:56 am #1058996Hey Yannick,
Thank you for contacting us and sharing the mockup.
The layout in your mockup can be created using two 1/2 grids and two images on the right side.
Unfortunately, the grid cannot be split vertically.
Thank you for your understanding.
Best regards,
VinayJanuary 29, 2019 at 9:57 am #1059919Thats to bad. Not possible with a little bit of css Magic?
I will trie the two imagesJanuary 29, 2019 at 12:23 pm #1059964make a 2/3 and a 1/3 grid ( via set cell size)
pull in the 2/3 grid a 1/1 container and in the 1/3 grid 2 1/1 containers:
click on it to enlarge the image:
if you have to have that grid not fullsize – give the grid-row a custom class: on my test page it is: grid-notfull
put this into functions.php of your child-theme:function grid_layout_notfull(){ ?> <script> (function($){ $('.av-layout-grid-container.grid-notfull' ).wrap( '<div class="main_color notfullsize"></div>'); $('.notfullsize').css({"clear": "both", "width": "100%" , "float": "left" , "position": "static" , "min-height": "100px" }); $('.grid-notfull').css({"max-width": "1310px", "margin": "0 auto" , "padding": "0 50px"}); })(jQuery); </script> <?php } add_action('wp_footer', 'grid_layout_notfull');
you have to adjust it then to your needs ( above are the default settings with 1310px width and 50px left/right padding )
see : https://webers-testseite.de/33916-2/January 29, 2019 at 12:37 pm #1059967this is a nice method to have “nested Columns” ;)
January 30, 2019 at 7:53 pm #1060592This worked with my layout css so im happy :).
(See other post).
The only think is that the size of the images (column height) is determint by the content. So getting de large image the same size as the two on the rightside can be a pain i think. Now ive only added whitespace
February 1, 2019 at 6:45 am #1061382Hi,
Thanks for the update and sorry for the late reply, I’m not sure if you need any further help on the topic though? Please let us know if you should.
Best regards,
RikardMarch 19, 2019 at 5:10 pm #1080394Hi ive got on other q.. im using the masonry to show to blog items. I van use tags to force portait of landscape. But then i have to change the tags with the post of every new blog item. Can i ‘lock’ the format of the grid. so that the blog items change but the image layout stays the same. See image for the loook now, i want the images to stay te same with the post of a new blog.
March 25, 2019 at 6:13 am #1082528 -
AuthorPosts
- You must be logged in to reply to this topic.