-
Afonso Alves
Good morning everything is fine?
I would like to create a webstories tab with a slider on my home page of my website in this genre: https://prnt.sc/qQ4_zWPkNPcj
Can you help me with directions?
-
Fernando
Hi there,
One customer previously recommended: https://wordpress.org/plugins/web-stories/ – I’m not sure however if they have a tab/slider feature.
I would suggest asking for recommendations on our Facebook Group as well: https://web.facebook.com/groups/generatepress
-
Afonso Alves
I already have the plugin, I just wanted to create a container with some web-stories on the home page with generatepress.
Can you guide me with the next steps?
-
Hi there,
for tabbed and slider content you would need to ask the Plugin developer how to do that.
the only thing we can offer is, a web story is a Post Type. like a Post or a Page, so you can show a list or grid of them using a Query Loop block. But thats all.
-
Afonso Alves
Good morning, I was able to practically recreate the intended layout: https://prnt.sc/uQrpJnDhBzGz
It turns out that I’m not able to do this specific design: https://prnt.sc/uyhMc70eB-On
I wanted to leave the image inside a box and this box has the webstory cover on top and the text below.
Can you help me with the next steps?
-
Cool π Edit the Query Loop block
Inside it select the Post Template block and set its Sizing > Height to 100% -
Afonso Alves
I just did this but no change happened.
Homepage link in private information.
-
Fernando
Hi Afonso,
Are you referring to moving the Headline to its own Container instead under the image?
If so, could you share admin login credentials?
-
Afonso Alves
Yes, I wanted to move the text below the image as shown in the example: https://prnt.sc/qQ4_zWPkNPcj
Temporary credentials are in private information.
-
Fernando
Here’s an example of what you can try doing: https://share.zight.com/7KunoXYq
-
Afonso Alves
I applied these changes and it worked π
But now I have another doubt. I’m trying to keep the resolution of the webstorie image this way on mobile so it doesn’t take up so much space in visibility: https://prnt.sc/9t8OC-idEDy8
How can I correct this spacing below and leave a gap between post templates?
-
Select the Post Template block, and cheeky the Sizing > Min Height , its set to 450px.
Set it to 0 on mobile. -
Afonso Alves
And now how can I bring them closer together?
Screenshot: https://prnt.sc/chBH7YViK5a1
In order to get closer but with a break: https://prnt.sc/K_F0SOhPGUdt
-
On the same container that you set the Min Height to
0
you can adjust its Spacing > Margin Bottom to a smaller value on mobile -
Afonso Alves
Thanks it worked π
-
Glad to hear that!
- You must be logged in to reply to this topic.