Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • December 3, 2018 at 10:30 am #160628
    OTinsight
    Participant

    Hello, is there a way to change the blog post index page (https://otinsight.org/blog/) to be 2 columns displaying the blog links with smaller images and titles rather than just one scrolling column with all the blog links listed?

    Thank you.

    December 3, 2018 at 11:16 pm #160668
    sapana
    Participant

    @otinsight: Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.

    @media screen and (min-width:667px) {
    .site-main #infinite-post-wrap .hentry {
        width:50%;
    }
    .site-main article:nth-child(2n) {
        clear:both;
    }    
}

    Let me know if this works out!

    Kind Regards,
    Sapana

    December 4, 2018 at 9:17 am #160771
    OTinsight
    Participant

    Hi Sapana,

    Thank you for your help.

    This code does create 2 columns, however, there is no space between the 2 columns, and the boxes around the blog links are not equal in size due to the different lengths in titles and blog excerpts.

    Is there a way to put some space between the 2 columns and make the blog links’ box outlines equal in size?

    Thank you!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Changing columns on blog post index page’ is closed to new replies.