PluginUs.Net - Business Tools for WooCommerce and WordPress

[realize your idea - make your dreams come true]

Support Forum

You need to log-in to create request (topic) to the support

Change the price slider color from purple to blue?

The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday. If you have problems with registration ask help on contact us page please
If you not got email within 24~36 business hours, firstly check your spam box, and if no any email from the support there - back to the forum and read answer here. DO NOT ANSWER ON EMAILS [noreply@pluginus.net] FROM THE FORUM!! Emails are just for your info, all answers should be published only here.
The support doesn work on Saturdays and Sundays, so some Friday requests can be answered on Monday.
vins1892(@vins1892)
27 Posts
Customers
April 27, 2021, 13:08

Hello,

I have tried to change the purple color using the css, but could not find the solution.

See the purple color of the price slider here and in the shop it is blue.

Thanks,

#1
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
April 28, 2021, 11:48

Paste your license key here - https://c2n.me/43SC6rb.png -> https://c2n.me/42HBIt7.png

#2
vins1892(@vins1892)
27 PostsTopic Author
Customers
April 28, 2021, 13:12

Done

#3
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
April 29, 2021, 10:36

Hello

You  need CSS  customization

An  example:

.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {

background-color: #0772c4;

}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {

background-color: #065A9B;

}

#4
vins1892(@vins1892)
27 PostsTopic Author
Customers
April 29, 2021, 22:28

Thanks, but it changes the color of the slidebar in the shop page, but in the page where I have the woo filer, see here, where it remains in purple.

Thanks for your time.

#5
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
April 30, 2021, 12:48

Hello

Ok!  Try

.woof .woocommerce .price_slider_wrapper .ui-slider .ui-slider-range , .woof .woocommerce .price_slider_wrapper .ui-slider .ui-slider-handle{

background-color: #0772c4;

}

.woof .woocommerce .price_slider_wrapper .ui-widget-content {

background-color: #065A9B;

}

#6
vins1892(@vins1892)
27 PostsTopic Author
Customers
May 2, 2021, 10:48

This is exactly what I wanted.

Great!

Thanks for your help.

#7
Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
May 3, 2021, 11:37

Hello

Welcome;)

#8