• 

  Rahul

  Participant

  October 14, 2020 at 17:30

  Hi, I added this price by filter in my shop sidebar. And i want to change/ customize the color of the sliders to some different color.
  How can i do it?
  http://prnt.sc/uzahn2

  Also i want the same widget to be added on mobile but i couldn’t figure out how to do that. Nothing is visible on mobile version.

  Thanks.

  #255093 Copied Theme version: 7.0.2

  5 Answers

  

  Rose Tyler

  Support staff

  October 15, 2020 at 07:46

  Hello,

  Add the next code in Theme Options > Theme Custom CSS:

  .price_slider_wrapper .ui-slider .ui-slider-handle,
  .price_slider_wrapper .ui-slider-range {
      background-color: #dd3333;
  }

  Theme Options > WooCommerce (Shop) > Shop > Shop page layout > Sidebar Position For Mobile.

  Regards

  #255129 Copied
  

  Rahul

  Participant

  October 15, 2020 at 09:36

  Hi, Thank you so much. That worked wonderfully.
  Also is there a way to increase the size of the those slider handles?

  Thanks

  #255149 Copied
  

  Rose Tyler

  Support staff

  October 15, 2020 at 09:40

  Hi,

  You’re welcome!
  This widget takes min and max price of available products automatically.

  Regards

  #255150 Copied
  

  Rahul

  Participant

  October 18, 2020 at 12:14

  Sorry. I meant, the size of the slider. Those sliders which you drag. I was wondering if there is a way to increase the size of those heads.

  #255576 Copied
  

  Rose Tyler

  Support staff

  October 18, 2020 at 12:44

  Hi,

  Try the next code:

  .price_slider_wrapper .ui-slider .ui-slider-handle {
      width: 15px !important;
      height: 15px !important;
  }

  Regards

  #255585 Copied