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

  • Avatar: Giles
    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.
    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: Giles
    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?

    Avatar: Rose Tyler
    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

    Avatar: Giles
    Giles
    Participant
    August 27, 2020 at 11:48

    Excellent – thank you very much

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    August 27, 2020 at 11:56

    You’re welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.