- This topic has 8 replies, 3 voices, and was last updated 6 months, 2 weeks ago by
David.
-
AuthorPosts
-
September 2, 2022 at 11:24 pm #2332094
Murshid
Is it possible to achieve a home page like this https://preview.colorlib.com/theme/crossfits/ in GP?
Different categories with images, followed by blog layouts?
September 3, 2022 at 3:24 am #2332234David
StaffCustomer SupportHi there,
you can use the GenerateBlocks plugin and its Query Loop Block. You can add multiple query loops to show the various categories of posts.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 3, 2022 at 3:28 am #2332238Murshid
Is there any guided article on how to do it?
September 3, 2022 at 12:15 pm #2332601Leo
StaffCustomer SupportTake a look at this:
https://docs.generateblocks.com/article/query-loop-overview/Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 3, 2022 at 12:31 pm #2332622Murshid
Okay, one more question I have. How to add image in title?
For example, I want to use a different page on my homepage where I want to display different categories with feature images,for example equipment wise workout or goal based workout program.
How to design a beautiful page that looks like a template with GP premium?
September 3, 2022 at 12:32 pm #2332623Leo
StaffCustomer SupportCan you show us an example?
Are you trying to replicate anything from the site library template?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/September 3, 2022 at 12:40 pm #2332633Murshid
Yes, somthing like this https://radiustheme.com/demo/wordpress/gymedge/home-5-onepage/#sec-trainer, except the following parts: schedule, discount, get training today, routine, online store, testimonials, gallary, and contact info.
September 3, 2022 at 12:43 pm #2332635Murshid
I want to show three to four different sections on the home page. For examples programs, equipment wise workout, recent posts, and about.
September 4, 2022 at 4:13 am #2332931David
StaffCustomer Support1. You can create a Full Width Page without padding, by setting the Content Container, in the page editor to:
Full Width
https://docs.generatepress.com/article/content-container/
2. You can also remove what you don’t require from that page using the Disable Elements Module:
https://docs.generatepress.com/article/disable-elements-overview/
And you’ll also see the Layout options there for example, to remove the sidebads.
Thus will allow you to create a Blank Canvas to build on.
3. Now in the page editor use the GenerateBlocks -> Container Block to divide your page into sections.
Each Container you can add padding, set the Inner Width and add background colors and images:https://docs.generateblocks.com/article/container-overview/
4. Inside each Container block section you can add Grids, Headlines or Images or Query Loops to your design.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.