Return to previous page

Change color off canvas of filter sidebar

This topic has 2 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Rose Tyler

gewoonbovenaan

Participant

May 30, 2024 at 10:52

How to change the color of the off canvas filter. now it looks like this: https://gyazo.com/b006f8e5cb74a1690c54a3dd0fd2dbad but it should look like this with black background and color dropdown button: https://gyazo.com/20fe80f72baa11801c04342cfce09085

#397310 Copied Theme version: 9.3.11

1 Answer

Rose Tyler

Support staff

May 30, 2024 at 12:23

Hello, gewoonbovenaan,

Thank you for reaching out to us with your query. To change the color of the off-canvas filter to match your desired aesthetics, you can use custom CSS code, for example:

.sidebar.et-mini-content.et-content-left {
    background-color: blue;
    color: white !important;
}

.sidebar.et-mini-content.et-content-left a, .sidebar.et-mini-content.et-content-left span {
    color: white !important;
}
.sidebar.et-mini-content.et-content-left .price_slider_wrapper .ui-slider-range, 
.sidebar.et-mini-content.et-content-left .price_slider_wrapper .ui-slider .ui-slider-handle {
    background-color: white;
}
.sidebar.et-mini-content.et-content-left .sidebar-widget ul .caret-icon, 
.sidebar.et-mini-content.et-content-left .sidebar-widget ul .open-this, 
.sidebar.et-mini-content.et-content-left .widget_product_categories.sidebar-widget ul 
.sidebar.et-mini-content.et-content-left .caret-icon, 
.sidebar.et-mini-content.et-content-left.widget_product_categories.sidebar-widget ul .open-this {
    background-color: red;
    color: white;
    padding: 10px;
}

https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best Regards,
8Theme’s Team

#397323 Copied

Tagged: change sidebar color, customize woocommerce sidebar, off canvas filter sidebar, woocommerce filter sidebar customization, wordpress off canvas color, wordpress sidebar color change, wordpress woocommerce templates
Viewing 2 results - 1 through 2 (of 2 total)