Editing the look of blog pages - CRAFT theme

Hi I have the craft theme and I want to add more blog posts per page and more in a line. Currently its 2x6 but i would like it to be 3 or 4 across and possibly 10 to 15 lines down?

Thank you

@ChristinePre - can you please share the page link? where you have this 2x6

Your journey to Zen blog – Happily Zen

Thanks

@ChristinePre - using css we can make it 3 or 4 in a row, I recommend 3 to look good, add this css to the very end of your base.css file and check. Also if you want more than 6 posts, then please open customize settings, blog post and check if you have an option to increase number of posts, if no, then need to edit code

@media screen and (min-width: 750px) {
    .blog-articles {grid-template-columns: 1fr 1fr 1fr;}
}

  • Here is the solution for you

  • Please follow these steps:

  • Then find the base.css file.

  • Then add the following code at the end of the file and press ‘Save’ to save it.

@media screen and (min-width: 750px) {
 .main-blog .blog-articles {
  grid-template-columns: 1fr 1fr 1fr 1fr !important;
 }
}
  • And if you want 3. using the code
@media screen and (min-width: 750px) {
 .main-blog .blog-articles {
  grid-template-columns: 1fr 1fr 1fr!important;
 }
}
  • Here is the result you will achieve:

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like