Archived topic
Design of post archive pages
9 replies · Started by Roger on April 20, 2021
Hi,
How do I change the way archive pages display posts? I would like to change this model: https://classicalguitar.art/design-of-post-archive-pages/
Thanks!
Hi Roger,
I would recommend you update to GP Premium 2.0 and install the Generateblocks plugin as a block editor, as we introduced dynamic content/image to the new block element.
https://wordpress.org/plugins/generateblocks/
Here're some demo videos on how to create a content template:
https://youtu.be/-ZTQP_KA2xE
https://youtu.be/8byA37OTBRg
Hope it's helpful :)
Hi Ying,
Thank you for your help!
How can I keep the same desktop design on mobile?
Generateblocks allow you to set different widths for desktop/tablet/mobile.
The default mobile container width under a Grid block would be 100%, you can change it so that it keeps the same value as your desktop settings.
Hope it helps :)
Hello Ying,
I worked on the settings for mobile devices but I couldn't keep the same design as the desktop. The featured image of the post is preventing the content from being aligned horizontally.
Perhaps we can solve this problem by creating an element and adding code to it.
Thanks!
Is this what you are trying to achieve?
https://www.screencast.com/t/d5uVAEnRTvE
Let me know :)
Exactly!
I was using the developer tool to simulate the result, all I did is change the width of the 2 Containers under the Grid to 40%and 60% on mobile, like what you did for the desktop.
When you select the image, don't select the image itself, but select the container which contains the image, then click the mobile icon, set its width to 40%
Do the same for the text Container as well, set to 60%.
Let me know how it works :)
Thank you!
You are welcome :)