- This topic has 9 replies, 3 voices, and was last updated 3 years, 10 months ago by David.
-
AuthorPosts
-
May 29, 2020 at 7:42 am #1306346Ireneusz
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 #1306763DavidStaffCustomer 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.May 29, 2020 at 10:50 am #1306812IreneuszHello 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 #1307088TomLead DeveloperLead DeveloperHi there,
What hook are you using?
May 29, 2020 at 11:32 pm #1307282IreneuszHi,
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 #1307498DavidStaffCustomer 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/
May 30, 2020 at 10:07 am #1307886IreneuszThank 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 #1308622DavidStaffCustomer SupportTry adding this CSS:
.wpsp-grid.wpsp-card article { border-bottom: 2px solid; border-right: 2px solid; border-color: #fff; }
May 31, 2020 at 7:48 am #1308697IreneuszThank you David!
June 1, 2020 at 1:01 am #1309454DavidStaffCustomer SupportYou’re welcome
-
AuthorPosts
- You must be logged in to reply to this topic.