Change grid of Blog

Sparkling
1

Hi, im using sparkling theme in WP

i setup a blog on my page and would like to have another grid (more than one column) of my blog posts. i would like to have 3 posts on one line (3 colums of my posts) on the desktop view. is this possible? if yes, how?

thanks very much in advance for any ideas

2

Hi @maxmorbett,

I hope you are well today and thank you for your question.

It is possible to achieve this by developing custom CSS code.

You can try achieving this by adding the following CSS code in the Custom CSS option of the latest version of Sparkling theme on the below path.

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

@media (min-width: 992px){
  body.blog #main > article {
    width: 32%;
    float: left;
    margin-right: 1%;
}
nav.navigation.paging-navigation,
  body.blog #main > article:nth-child(3n+1) {
    clear: both;
  }
}

Best Regards,
Movin

3

Hi @Movin,

first of all thanks, I had the same question. Anyway, when I implement the above mentioned custom CSS code it basically works, but the “read older/more articles” button totally gets messed up. How can I fix that? Many thanks in advance!

4

@unclebazinga To help us keep support thread separates could you please create your own thread for your question here https://colorlibsupport.com/c/sparkling/ instead of replying on others thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.