Two product categories (shop) sidebar customizations needed

This topic has 4 replies, 2 voices, and was last updated 9 years, 2 months ago ago by Robert Hall

  • Avatar: sorin.manica
    sorin.manica
    Participant
    February 4, 2015 at 17:20

    Hello!

    Can you please help me with these (custom css codes) for the product categories (shop) sidebar?

    1. Please take a look here. How can I make the active filters elements (from the woocommerce active layered nav filters widget) be more obvious in the sidebar? I was thinking white text colour on red background by default.

    2. Can the elements of the sidebar (only on the categories pages) be a little lower? I mean for example here, the first widget from the sidebar (filter by collections) to be at the same level as the “showing 1-100 of 1462 results” text from the main page content?

    Admin credentials below if needed. Thanks again 🙂

    Please, contact administrator
    for this information.
    3 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 4, 2015 at 17:32

    Hello,

    Try to add this code.
    1)

    .widget_layered_nav_filters ul li{
    background: red;
    }
    .widget_layered_nav_filters ul li a,
    .widget_layered_nav_filters ul li a:before{
    color:#fff;
    }

    2)

    #woocommerce_layered_nav-2 .widget-title{
    padding: 26px 0 30px;
    }

    Regards,
    Robert Hall.

    Avatar: sorin.manica
    sorin.manica
    Participant
    February 4, 2015 at 17:48

    Again, everything is great.

    Thanks again. Ticket closed 🙂

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 4, 2015 at 17:49

    You’re welcome!

    Regards,
    Robert Hall.

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

The issue related to '‘Two product categories (shop) sidebar customizations needed’' has been successfully resolved, and the topic is now closed for further responses

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