Images size shopping page categories

How can i get the size of the images right from the categories on the shop page?

Thanks!

Attachments:

You must be logged in to view attached files.

Hi support-9948,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

See below

Hi support-9948,

The category image is smaller than container’s width https://prnt.sc/djzHPGPe74Di

Please edit category and replace with bigger image.

Regards,

Hello,

The image size is 500×500. It must be good.

Can you look at this?

Hi support-9948,

That category image’s size is 300×300 only https://prnt.sc/13Ur1R_uRrtG and that’s why it looks blurry.

As you can see the next image is better https://prnt.sc/4qL1m8hYgEPp

So, please reupload image, clear cache and double check.

Regards,

I have already done that.

But i want to have the images smaller like this: > See screenshot

How can i center the text below the image?

Attachments:

You must be logged in to view attached files.

[Hung Pham]

Hi support-9948,

Add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS

	.cat-design-default .hover-mask .wd-entities-title,
	.cat-design-default .hover-mask .more-products{
			width: 100%;
			text-align: center;
	}

Regards,

• This reply was modified 1 year, 7 months ago by Hung Pham.

Hello,

I have tried to add the code and i think it looks better.

1. We want to have the blocks smaller. How we can to that?
2. How we can disable the no category visibility on the shop page?
3. How we can fix the image problem also on the single product page from related products?

See screenshots.

Attachments:

You must be logged in to view attached files.

Hi support-9948,

1. We want to have the blocks smaller. How we can to that?

It depends on the number of blocks, the greater the number of columns, the smaller the grid size.

2. How we can disable the no category visibility on the shop page?

Sorry but the question is unclear to me. You want to remove an empty categories from Shop page?

3. How we can fix the image problem also on the single product page from related products?

For the category, navigate to Products > Categories > click edit on category and you can change its Thumbnail https://prnt.sc/yc3EFa-gZVrV

Please tell me what exactly you want to do with Single Product’s images in Related Products?

Regards,

[Author]

Posts