Wood mart blog category page view change to Masonry view to simple view

I am using elementor base woodmart theme but i am unable to change my category page view masonary to grid view can you help me how to change this.

Hello,

Thank you very much for choosing our theme and for contacting us.

Please provide your site admin access to the private area.

Best Regards

Please make changes on this website

please don’t change on any other page

Hello,

Please check the screen to see how to do that: https://gyazo.com/a00a506d369382466664f9e04767a560

You will need to upload images of the different sizes to have a nice masonry view.

Best Regars

if you read my messages carefully, i am talking about blog page categories. please check link

Hello,

The masonry grid requires images of the different hight. You have uploaded equal size images, upload different sizes and check again https://gyazo.com/dafe9773b73e4c31c771afc92d018e67

Best Regards

I don’t wanna masonry view, and please open my link page and check it’s already masonry view, i wanna change masonry to simple view (grid view)

Hello,

Sorry for confusing.

You can find the option in the Theme Settings > Blog https://gyazo.com/a63dd1d802301ca0d6c04b6ec2c946b2

If you have any questions please feel free to contact us.

Best Regards

yes i have tried all of these but it’s not working please help me equal boxes

Hello,

You need to upload all the images of the equal size, have the same length of all the titles (one or two or three lines – I mean)

Then you need to choose a Masonry grid, and you will get the view as per our demo: https://woodmart.xtemos.com/blog/

Best Regards

how can i change title length one line two line or three line

Hello,

I can fix the height of the title with the CSS, in this case, a title that is shorter may have a gap. Please upload equal images and I will check again and try to give the CSS.

Best Regards

now all images size same but lines are not equal

Hello,

As I said this is caused by different length of the title: https://gyazo.com/a7eb1bf4754837037b7d11631368a384

Please add this code to the Theme Settings > Custom CSS > Global:

.article-body-container .entry-title{
min-height:122px;
}

You will get this result: https://gyazo.com/713f3cf1e76d62c34b192f03ec99b551

Best Regards

I have added but there is no effect please check

On my blog posts bullet points not working please check that also

Hello,

Please check the image sizes once more.

Best Regards

images sizes are equal please solve this issue

Hello,

Please replace the code provided before with this one:

.blog-design-masonry .entry-title {
		font-size: 22px;
    line-height: 32px;
    height: 62px;
    overflow: hidden;
}

Please provide the page URL and screen of what you mean saying “blog posts bullet”

Best Regards

I have replace but it’s not working please check

All images height same now

Hello,

When I add the code it looks like that: https://gyazo.com/5bd354153174fc978239f771d5f83f4d

Best Regards

Hello

Please take a look right side column in your video. it’s not looking aligned.

Thanks

Hello,

Please add this code to the Theme Settings > Custom JS > on Document ready:

var $container = jQuery('.wd-blog-holder.masonry-container');
if ($container.length > 1) {
	$container.imagesLoaded(function () {
		setTimeout(function () {
			$container.isotope('destroy');
		}, 100);
	});
}

Best Regards

I Have added this code, nothing change please check and load more button also not working

Hello,

Please try to move your code to the proper place: https://prnt.sc/152kpj4

Best Regards

I have move this but there is no effect please check

After update theme my home page not working, show me critical error “There has been a critical error on this website. Please check your site admin email inbox for instructions.” and home page style also change.

Please solve this issue on priority basis

Hello,

We have fixed the code on your site it works now, please check.

The load more button does not work, cause one of your plugins adds noscript to the images and it breaks AJAX https://take.ms/UBrYO

We have checked the home page it works well now. https://take.ms/VLKCy If you have any problems on the home page please let us know.

Best Regards

[Author]

Posts