Styling default sorting box Woocommerce

  • DidoH

    (@didoh)


    11 years ago

    Hi there,

    I have found a number of threads explaining how I can remove/hide the default sorting box in Woocommerce shop pages, but I would like to keep the box and style it to fit my brand (colours and fonts). Is this possible? What kind of CSS would I need?

    Thanks

    https://ww.wp.xz.cn/plugins/woocommerce/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter DidoH

    (@didoh)

    11 years ago

    I have managed to change the box, but not the dropdown menu.

    This is what worked for the box:

    .woocommerce select.orderby {

color: #455353 !important;
background-color: #4bd8c3 !important;
font-weight: 300 !important;
font-family: "Times New Roman", Georgia, Serif !important;
border-color: #4bd8c3;
}

    This is what isn’t working for the dropdown menu:

    .woocommerce select.orderby ul {
 color: #4bd8c3;
}
    Thread Starter DidoH

    (@didoh)

    11 years ago

    I don’t think the !important is necessary because border-color worked without, but I find it useful to use until I find the right css target class to adjust.

    Thread Starter DidoH

    (@didoh)

    11 years ago

    For some reason the code that was working before is no longer working again.

    c47man

    (@c47man)

    10 years, 4 months ago

    DidoH did you ever figure this out? I’m stuck with the same problem.

    Thread Starter DidoH

    (@didoh)

    10 years, 4 months ago

    No, unfortunately not. I removed the box entirely in the end.

    Peter Lawrenson

    (@lorro)

    10 years, 4 months ago

    @c47man
    Please post the url to a relevant page.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Styling default sorting box Woocommerce’ is closed to new replies.

Tags