Return to previous page

Navigation – product categories - by Giles

This topic has 6 replies, 2 voices, and was last updated 4 years, 3 months ago ago by Rose Tyler

Giles

Participant

August 25, 2020 at 12:56

hi – is there any way to customise the product category navigation so it’s something more like this? https://prnt.sc/u5jeuc

and also make the text darker ?

thanks
Giles

Please, contact administrator
for this information.

#249184 Copied Theme version: 6.3.7 WooCommerce version: 4.2.2

5 Answers
Rose Tyler

Support staff

August 26, 2020 at 07:42
Hi,

Try to add the next custom CSS code:
```
.widget_product_categories.sidebar-widget > ul > li {
    border-bottom: 1px solid rgb(57 57 57 / .3);
}
.widget_product_categories.sidebar-widget .children li:before {content: "-";}
.widget_product_categories.sidebar-widget ul li a {
    color: #393939;
}
```
Regards
#249333 Copied
Giles

Participant

August 26, 2020 at 12:34

that’s excellent – thank you!

one small thing – the gap under skincare at the bottom is not as big as the others. is there a reason for this maybe? https://prnt.sc/u65w5p

also, can i change the order of the categories?

#249390 Copied

Rose Tyler

Support staff

August 26, 2020 at 14:36

Add the next code also
.sidebar-widget > ul.product-categories > li:last-child > a {padding-bottom: 6px;}
reorder categories https://prnt.sc/u68m6p + https://prnt.sc/u68ljm

Regards

#249439 Copied

Giles

Participant

August 27, 2020 at 11:48

Excellent – thank you very much

#249599 Copied

Rose Tyler

Support staff

August 27, 2020 at 11:56

You’re welcome!

Regards

#249600 Copied
Viewing 6 results - 1 through 6 (of 6 total)