Home Forums WoodMart support forum Disable masonry grid on Blog Archieve page

Disable masonry grid on Blog Archieve page

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #557294

    Madoo Webdesign
    Participant

    Hi 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

    #557306

    Madoo Webdesign
    Participant

    An 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.

    #557383

    Luke Nielsen
    Keymaster

    Hello,

    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

    #557386

    Madoo Webdesign
    Participant

    Hi 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

    #557753

    Luke Nielsen
    Keymaster

    Hello,

    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

    #557928

    Madoo Webdesign
    Participant

    1. 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.

    #557950

    Luke Nielsen
    Keymaster

    Hello,

    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

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)