Shop categories changes

Hello,
can I somehow change the sidebar category menu style?
I send you an image below, that is how I want to make it.
I want the first sub-category(the one that is in a box) to be bold and the second one(the underlined) to be underlined.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

You need to find the Product category widget in Appearance > Widgets > Shop page widget area and configure showing hierocracy.

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

Best Regards

Hello,
no no i want to customize it with CSS probably, but I dont know how I can change spesificly every sub category with different way, can you help me?

Thanks!

Hello,

Could you kindly clarify what you want to change so that I could give you custom CSS?

Best Regards

Hello,
as I said before, check the image that I promoted above, there I have some marks.

I want the first sub-category(the one that is in a box) to be bold and the second one(the underlined) to be underlined.

Thanks!

Hello,

Please provide the page URL.

Best Regards

Sure!

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

.website-wrapper .widget_product_categories .product-categories li a {
    text-decoration: underline;
}

.website-wrapper .widget_product_categories .product-categories > li > a {
font-weight: 600;
color: #333;
text-decoration: none;
}

Regards.

Hello,
that works! But can the 4th subcategory be normal text and not underlined ?

Thanks!

Try to replace the previous code with the following one

.website-wrapper .widget_product_categories .product-categories > li > a,
.website-wrapper .widget_product_categories .product-categories > li > .children > li > a {
font-weight: 600;
color: #333;
}

.website-wrapper .widget_product_categories .product-categories > li > .children > li > .children > li > a {
	    text-decoration: underline;
}

Regards.

That works!
Thanksss

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts