Changing Number of Columns on Homepage

Hello there,

Try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 992px) {
  .post-layout-home .row .col-md-6 {
    width: 100%;
  }
}

Regards,
Kharis

Thank you that worked! Is there a way to include a preview of the text off to the side of the picture and keep it to be one column?

Hello there,

I am sorry for the long delay. To achieve it, try adding this CSS code to Appearance > Customize > Additional CSS from dashboard.

@media only screen and (min-width: 468px) {

  .post-layout article.has-post-thumbnail:after {
    content: '';
    display: block;
    clear: both;
  }
  .post-layout article.has-post-thumbnail a.entry-thumb:before {
    display: none;
  }
  .post-layout article.has-post-thumbnail a.entry-thumb {
    display: block;
    width: 250px;
    margin-right: 20px;
    float: left;
    position: static;
  }
  .post-layout article.has-post-thumbnail a.entry-thumb img {
    width: 100% !important;
    height: 100% !important;    
    max-width: 100% !important;
    max-height: 100% !important;
    position: static;
  }
  
  .post-layout article.has-post-thumbnail .entry-header {
    width: calc(100% - 270px);
    float: right;
  }
  
  .post-layout article.has-post-thumbnail .entry-footer {
    margin-left: 270px;
  }

}  

Regards,
Kharis

Thanks for getting back to me!

I tried implementing that code and it sadly did not accomplish what I was looking for.

It make the thumbnails smaller for the posts but it did not add a preview to the text.

Are there any modifications to this that would work?