Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3171540
Product Filter Button Colour
Closed

Comments

  • Muto1990 started the conversation
    November 21, 2022 at 6:45am

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

  •  2,610
    PenciDesign replied
    November 21, 2022 at 7:47am

    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 replied
    November 21, 2022 at 11:09pm

    It didn't work. still showing the original color


  •  2,610
    PenciDesign replied
    November 22, 2022 at 1:38am

    Hi,

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

    Regards,
    PenciDesign.


  • Muto1990 replied
    November 24, 2022 at 3:06am

    I've attached a screenshot of the page. https://pentacloud.co.ke/shop-3/

  •  2,610
    PenciDesign replied
    November 24, 2022 at 5:06am

    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.



  • Muto1990 replied
    November 24, 2022 at 7:57pm

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

  •  2,610
    PenciDesign replied
    November 25, 2022 at 2:00am

    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
    November 25, 2022 at 8:00am

    thank you