- This topic has 9 replies, 3 voices, and was last updated 7 months, 4 weeks ago by
David.
-
AuthorPosts
-
May 29, 2020 at 7:42 am #1306346
Ireneusz
Hi!
I have been trying to to get the magazine grid from Dispatch theme on my Blog site, but no success – after I copied CSS responsible for grid the posts keep disappearing.
I followed other topics concerning that subject, added the wrappers in hooks and classes and still no success. When I delete the CSS, WP Show Post shows three posts in one column.
Thanks for your help.
May 29, 2020 at 10:20 am #1306763David
StaffCustomer SupportHi there,
the CSS you need is here:
https://gist.github.com/diggeddy/9e77109f4dc80d858074282b2ae2f491#file-dispatch-gp-site-css-L189
Line 189 to 350.
Then follow these steps:
1. create a WPSP List
Set it to show 4 posts per page
NO pagination
Columns: 1
Images: Center and above title
Content: Excerpt, Include title
Meta: Include terms, below title.2. create a new Header Element.
Add you WPSP Short code to the content.
In the Element Classes field add:wpsp-grid wpsp-card
Set your Display Rules to wherever you need it.Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 29, 2020 at 10:50 am #1306812Ireneusz
Hello David,
Thank you! I followed your steps and it worked… partially. I set Display Rules for Entire Site just for a test and it seems like it shows everywhere but Blog page.
On the other hand, in the original theme it works on the page that shows latest posts. Any ideas why?
May 29, 2020 at 4:43 pm #1307088Tom
Lead DeveloperLead DeveloperHi there,
What hook are you using?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentMay 29, 2020 at 11:32 pm #1307282Ireneusz
Hi,
Thank you for that question, Tom. It turned out it was my mistake – I created a new hook after David’s response and did not disable the old one that was set to the Blog page. Soon after, it worked! Thank you for solving the problem!
BTW Is there a way of using that grid that shows 4 newest post together with a Blog page (set in WordPress Reading Settings as a Posts Page) without duplicating those four in a grid? Or is it better to leave Posts Page blank and fill up the rest of the posts using another WPSP list? Any disadvantages of the latter?
Thank you for your help.
May 30, 2020 at 5:16 am #1307498David
StaffCustomer SupportYou can set it to display on the Blog / Frontpage ( if set to display latest posts).
However, when displaying the Latest Posts in the wpsp grid – eliminating the duplicate posts from showing in the blog can be problematic with pagination.The best method i find is to create a ‘featured’ category for the posts you want displayed in the Grid and then exclude that category from the blog:
https://www.wpbeginner.com/wp-tutorials/how-to-exclude-a-category-from-your-wordpress-homepage/
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 30, 2020 at 10:07 am #1307886Ireneusz
Thank you for that tip, I did not know about that possibility. I will look into that!
I customized the grid to my liking and it’s working perfectly! The last thing I’m trying to figure out is how to add margin/white space between the grid in desktop view.
Thank you.
May 31, 2020 at 7:04 am #1308622David
StaffCustomer SupportTry adding this CSS:
.wpsp-grid.wpsp-card article { border-bottom: 2px solid; border-right: 2px solid; border-color: #fff; }
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/May 31, 2020 at 7:48 am #1308697Ireneusz
Thank you David!
June 1, 2020 at 1:01 am #1309454David
StaffCustomer SupportYou’re welcome
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.