Skip to content
Public Ticket #22972

Product Filter Button Colour

Conversation thread

Muto1990 replied

Customer Reply

thank you

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.woocommerce .widget_price_filter .price_slider_amount .button:hover {
    background-color: #000;
}

Regards,
PenciDesign.



Muto1990 replied

Customer Reply

that has worked. and how do I change the hover colour of the same?

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.woocommerce .widget_price_filter .price_slider_amount .button {
    background-color: #000;
}        

Change #000 to the color code you want to show. You can get the color code on this link: https://htmlcolorcodes.com/        

Regards,
PenciDesign.



PenciDesign Supporter replied

Staff Reply

Hi,

Please send me a screenshot of the area you want to change the color.

Regards,
PenciDesign.


Muto1990 replied

Customer Reply

It didn't work. still showing the original color

PenciDesign Supporter replied

Staff Reply

Hi,

Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

.penci-woo-before-main-content .penci-products-per-page a {
    color: #000;
}

Change #000 with the color you want to show. Get the color code here: https://htmlcolorcodes.com/

Regards,
PenciDesign.



Muto1990 started the conversation

Conversation Start

I can't find where to change the colour of the product filter button colour.

Want to join this conversation or access attachments? Sign in first.