[Resolved] Magazine Grid from Dispatch on another GP Theme – no success, hooks added

Home Forums Support Magazine Grid from Dispatch on another GP Theme – no success, hooks added

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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.

    #1306763
    David
    Staff
    Customer Support

    Hi 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.

    #1306812
    Ireneusz

    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?

    #1307088
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    What hook are you using?

    #1307282
    Ireneusz

    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.

    #1307498
    David
    Staff
    Customer Support

    You 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/

    #1307886
    Ireneusz

    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.

    #1308622
    David
    Staff
    Customer Support

    Try adding this CSS:

    .wpsp-grid.wpsp-card article {
        border-bottom: 2px solid;
        border-right: 2px solid;
        border-color: #fff;
    }
    #1308697
    Ireneusz

    Thank you David!

    #1309454
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.