Home › Forums › WoodMart support forum › Disable masonry grid on Blog Archieve page
Disable masonry grid on Blog Archieve page
- This topic has 6 replies, 2 voices, and was last updated 10 months, 2 weeks ago by
Luke Nielsen.
-
AuthorPosts
-
April 15, 2024 at 12:33 pm #557294
Madoo WebdesignParticipantHi Woodmart Support,
The blogs on the blog page are shown in a masonry grid, but I would like to have them aligned row by row. The order of the posts is now really confusing. I tried doing something with Flexbox CSS but didn’t see any effects. Can you guys help me out?
Kind regards
April 15, 2024 at 1:01 pm #557306
Madoo WebdesignParticipantAn additional question to this topic: Is it also possible to design the blog archive page with Elementor inside Woodmart? I know some other themes have this functionality.
April 15, 2024 at 4:49 pm #557383
Luke NielsenKeymasterHello,
1. Navigate to Theme Settings -> Blog -> Blog archive and change the style here: https://prnt.sc/VDWWq85Z1MLC
2. The Elementor Pro has the ability to customize the archive blog page, so in this case, you can try to use it.
Kind Regards
April 15, 2024 at 5:01 pm #557386
Madoo WebdesignParticipantHi Woodmart support,
1. Thanks for the reply, but all styles are essentially a masonry grid, with different layouts or a single row. I like this layout for the rest, so I would just like to align the items correctly.
2. Elementor Pro is enabled on the website, but I can’t find the correct way to do this, since only WooCommerce-related layouts are available to set up with Elementor.
Kind regards
April 16, 2024 at 5:18 pm #557753
Luke NielsenKeymasterHello,
1. Please check the “Meta on image” design – https://prnt.sc/WEwdy3jzqZg_
2. Try to check this article for help: https://unlimited-elements.com/how-to-create-a-custom-blog-or-archive-page-with-elementor/
Kind Regards
April 17, 2024 at 11:44 am #557928
Madoo WebdesignParticipant1. Well yes, that disables the masonry effect. But it also shows the author too highlighted and the category too minimal. Like I said, I like the current layout of the blog posts. I just want to disable the masonry effect. This should be possible with some CSS since the style you recommended is also without masonry. I tried it again myself since the support is lacking, this is how to fix it:
.wd-posts.wd-blog-holder.wd-masonry { position: static !important; height: auto !important; } .wd-posts.wd-blog-holder.wd-masonry article.wd-post.blog-design-masonry { position: static !important; }
2. I need to download the unlimited-elements plugin then and for such a small issue I wouldn’t like to add another plugin to the website.
-
This reply was modified 10 months, 2 weeks ago by
Madoo Webdesign.
-
This reply was modified 10 months, 2 weeks ago by
Madoo Webdesign.
April 17, 2024 at 12:45 pm #557950
Luke NielsenKeymasterHello,
1. Understood. And that code work well for you? If so, glad that you managed to find such a solution.
2. I suggest you leave a request here: https://woodmart.canny.io/feature-requests so our developers team consider adding layouts for the blog archive.
Kind Regards
-
This reply was modified 10 months, 2 weeks ago by
-
AuthorPosts
Tagged: Blog archieve
- You must be logged in to create new topics. Login / Register