[OTinsight]

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.

[sapana]

@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

[OTinsight]

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