• 

  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