Archived topic
Adding Big Grid in the container
15 replies · Started by Benjamin on January 21, 2021
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?
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
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.
That link is reporting a Database Error - can you check that ?
Sorry, fixed
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 ?
May I know what type should the element be? Hook or Header?
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.
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.
Any chance you can share a image mockup of what you're trying to achieve ?
What I looking for is adding Big Grid think these:
Now I can only use 1 grid, what would like to add somemore grid.
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
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
This will then use the same styling as the header element