[Support request] Adding Big Grid in the container

[Benjamin]

I understand how to create a grid view to stick a post on top of website. But I would like to know can I make some more grid view in the container area?

https://ibb.co/bPLX4vK

[David]

Hi there,

do you mean create another grid layout like the one in the Header Element ?

If so then you simply need to add a <div> element to the content with these two classes: wpsp-grid wpsp-card and add your WPSP Shortcode inside it eg.

<div class="wpsp-grid wpsp-card">
   Add shortcode here
</div>

This will then use the same styling as the header element

[Benjamin]

I cannot see the grid.

https://ibb.co/DtsTpzT

https://ibb.co/y0ZHgzx

[Elvin]

Hi,

I cannot see the grid.

Can you link us to the page in question? So we could have an idea why it doesn’t show up.

Let us know.

[Benjamin]

https://www.macuserclub.com/

[David]

That link is reporting a Database Error – can you check that ?

[Benjamin]

Sorry, fixed

[David]

Can you make sure that the WPSP list you have used in the new grid has the same settings as the one used in the Header Element ?

[Benjamin]

May I know what type should the element be? Hook or Header?

[David]

For you second Big Grid it would have to be added to a Hook Element, as you can only have one Header Element on a page.

[Benjamin]

Is that the grid only able to show 1 header content?

If I point the 2nd Grid element to the list that Header is using, it works, but when I point to other Hock, it doesn’t correctly. That make duplication of content appear.

What I hope to do is using grid view beside the top header.

[David]

Any chance you can share a image mockup of what you’re trying to achieve ?

[Benjamin]

What I looking for is adding Big Grid think these:

https://ibb.co/tw0S2fr

Now I can only use 1 grid, what would like to add somemore grid.

[David]

That layout is the same as the Simple Layout being used on the front page of dispatch.
See this post here which explains the various lists:

https://gpsites.co/dispatch/using-wp-show-posts/

You need to follow the one titled: List: Simple

[Benjamin]

Hi David, Thank you for your reply.

I’m spend a few hrs to test, however I still cannot do what I want to do. Actually I spend 2 weeks in the config.

I understand the beginning of your reply, but don’t understand other reply at all.
——-
If so then you simply need to add a

element to the content with these two classes: wpsp-grid wpsp-card and add your WPSP Shortcode inside it eg.

Add shortcode here

This will then use the same styling as the header element

[Author]

Posts