Product categories image

Hello,

I added the element “Product Categories” in one page and when I upload images in different categories (800×800 or 500×500), all images are blurry on my website.

What do you recommend ?

Thank you.

Hello,

Provide your site admin access and page URL with the problem.

Best Regards

Hello,

It works, I found the solution in Appearance – > Customize -> WooCommerce -> Product Image

I have other questions :

1) How can I change the “Category title” like that (i don’t want uppercase) :
TEST -> Test

2) How can I center the “Category title” ?

_______________
| |
| Image |
| |
|_______________|
Test

3) How can I disable the zoom effect on the image category ?

Thank you!

And also how to change the color of the “Category Title”, “TEST” ?
Thanks.

Hello,

1 and 4:

body .category-grid-item .category-title {
    text-transform: none;
	  color:red;
}

Replace the “red” with your color.

2. You will have to choose another design. There is no option to center the title in this
design.

3. In order to remove zoom, please add this code:

.cat-design-default:hover .wrapp-category .category-image-wrapp > a {
   transform:none;
   -webkit-transform:none;
}

Please add the code to the Theme Settings > Custom CSS

Best Regards

It works, thank you.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts