• Closed
  • Viktor
    Spectator
    August 31, 2015 at 10:08 am #20276

    Hello,
    I use the grid 4 colums layout for my blog however it is not 100% width so everything is very small…
    Is it a way to force the blog 100% width?

    Other question: To optimise the display of the grid, is it a way to change the border around each post and to reduce the space (height and width) between them?

    Thank in advance,
    victor.

    Denzel Chia
    Moderator
    Posts: 2656
    August 31, 2015 at 11:16 am #20277

    Hi,

    Please don’t use a post page.
    Use a normal page, select the 100% width page template, and use the blog shortcode.
    For example, the following blog shortcode.

    [blog number_posts="8" cat_slug="" exclude_cats="" title="yes" title_link="yes" thumbnail="yes" excerpt="yes" excerpt_length="35" meta_all="yes" meta_author="yes" meta_categories="yes" meta_comments="yes" meta_date="yes" meta_link="yes" meta_tags="yes" paging="yes" scrolling="pagination" strip_html="yes" blog_grid_columns="4" layout="grid" class="" id=""][/blog]

    Screenshot of result. http://prntscr.com/8avjey

    Thanks!

    Viktor
    Spectator
    Posts: 11
    August 31, 2015 at 12:43 pm #20278

    Cool! I didn’t think about that!
    And do you have trick to reduce the space between the posts and the space around each of them?
    Thanks!

    Denzel Chia
    Moderator
    Posts: 2656
    September 1, 2015 at 6:31 am #20304

    Hi,

    Those values are auto generated by javascript.
    In ALora/js/main.js at line 9155, you can find the following block of codes.

    var gridwidth = (jQuery('.grid-layout-4').width() / 4) - 35;
    jQuery('.grid-layout-4 .post').css('width', gridwidth);
    jQuery('.grid-layout-4').isotope({
    layoutMode: 'masonry',
    itemSelector: '.post',
    transformsEnabled: false,
    masonry: {
    columnWidth: gridwidth,
    gutterWidth: 40
    }
    });
    }

    You can change the value of the gutterWidth to a smaller value to reduce the space in between. And change the var gridwidth’s – 35 to a smaller value to increase the width of the posts.

    Sorry, that’s all I can provide for customization, if you require further assistance, Please kindly contact us via our service page. https://theme4press.com/services/

    Thanks!