[Support request] Dispatch’s header Modify from 4 items to 3 items?

[Benjamin]

Can I convert the default 4 items header in to 3 items like the following?

https://ibb.co/mq1KPrB

[David]

Hi there,

can you edit the WPSP list that has been added to the Header Element to display the post grid to show only 3 posts.
Once thats done, share a link to your site where i can see this and ill provide the CSS changes required to display them correctly.

[Benjamin]

What I can see is like that, may I know how can I change the css?
https://ibb.co/PhcftCx

[Leo]

David will need to see that 3 posts layout live to be able to provide the CSS.

Thanks!

[Benjamin]

https://www.macuserclub.com

this is my site

[David]

Go to Customizer > Additional CSS and find this block of code:

.wpsp-grid .wp-show-posts article:nth-child(3) {
  grid-column: 5 / 7;
  grid-row: 2 / 4;
}

.wpsp-grid .wp-show-posts article:nth-child(4) {
  grid-column: 7 / end;
  grid-row: 2 / 4;
}

Replace that with:

.wpsp-grid .wp-show-posts article:nth-child(3) {
  grid-column: 5 / -1;
  grid-row: 2 / 4;
}

[Author]

Posts