WooCommerce Price Slider Colour

Hi
I am trying to add custom css to the price slider at the top of the sidebar at https://www.madhatter.je/shop/.
I can change the colour in Chrome Inspector but when I add to css in Theme Options it doesnt work.
I am trying to amend the colour in this code -

.wc-block-components-price-slider__range-input-progress {
height: 9px;
width: 100%;
position: absolute;
left: 0;
top: 0;
–track-background: linear-gradient(90deg,transparent var(–low),var(–range-color) 0,var(–range-color) var(–high),transparent 0) no-repeat 0 100%/100% 100%;
–range-color: #af7dd1;
background: var(–track-background);
}

Please can you advise
Thanks

Hi @tapper65,

Although the custom CSS code is outside the scope of our Theme Support, still I would suggest you check by deactivating the Minification and Cache plugin. If that does not work, I would suggest you hire a developer who can assist on this or you can avail of our newly launched service called One, where we answer the questions beyond normal theme support.

Thanks

Hi couple of things, 1. Am the web developer and normally this works without a glitch and 2. The custom css section is inbuilt into the Theme Pro framework so I would like to think you would provide some level of support. as WooCommerce is shown as an Approved Plugin.
Hope you can assist.
Thanks

I did disable the cache and that did not make a difference. Thanks

Hello @tapper65,

It seems that the CSS code is rendering from the cache, I would suggest you please purge all the cache from the WP Fastest Cache plugin and then temporarily deactivate the cache plugin. I would also recommend that you need to clear your browser cache and then check it or check it in the private mode of the browser.

Thanks

Hi thanks for your reply, turned out the problem related to existing comments in the custom css field. When I removed the comments and added the new css it worked fine. How strange, but thanks for your help.

Cheers

Hi @tapper65,

Glad to know that the problem is resolved now.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.