Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #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 :).

    https://ibb.co/1qK6sxH

    #1058996

    Hey 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,
    Vinay

    #1059919

    Thats to bad. Not possible with a little bit of css Magic?
    I will trie the two images

    #1059964

    make 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/

    #1059967

    this is a nice method to have “nested Columns” ;)

    #1060592

    This 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

    #1061382

    Hi,

    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,
    Rikard

    #1080394

    Hi 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.

    https://ibb.co/HrW7w2v

    https://ibb.co/PWc9L0n

    #1082528

    Hi,

    That is not possible out of the box. You have to specify the tags for each item manually. Please open a new thread for new inquiries.

    Best regards,
    Ismael

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