Categories Styles

Hi,

We do not have images for our categories and we do not want to show product count for the categories.

So, we would like the category name to be clickable (and to hide the images with CSS – which we have done).

Can you tell us how to make the category names clickable?

Many thanks

Hello,

You can show your categories by means of Button element which can be configured as a button or a link. In this case, the category title would be clickable, no products or images are shown.

Best Regards

Hi,
Thanks for your reply.
But this means making each one individually, right?

Thank you

Hello,

Yes, that is right. if you display by buttons you insert manually links on categories or we can customize the Product category element. Provide the page where you show the categories and set the design. Custom CSS is assigned to a certain design and will not work with the other design.

Best Regards

Hello again,
We’d be grateful for the CSS. Please see link below.

Thank you

Hello,

I am checking the page and see the categories http://prntscr.com/mxpa2a

They do not have images already http://prntscr.com/mxpat5

You need to add this code to make them clickable

body .cat-design-alt .category-link {
   display: block;
}

Do you mean something else? Please describe in details how to customize

Best Regards

Hello,
Many thanks for this.
Just one more question on this. Is there a way to add a hover effect?

Thanks again

Hello,

What would you like to change on hover? Yes, we can change color on hover, for example

Best Regards

Hi,
Thanks for your reply.
Yes, the css for a color change would be great, please.

Thank you

Hello,

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

.cat-design-alt:hover .category-title{
color:red;
}

Replace “red” with the color you need.

Best Regards

That’s excellent.
Thanks ever so much.
Best regards

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

Best Regards

[Author]

Posts