How to convert multicoloum numbers to progressive bar like design

[Rohan_amazg]

Default multicolum comes with number slider

i want that to be replaced with progressive bar like design

How can i do that?

[David_SHT]

Hi @Rohan_amazg

This is David at SalesHunterThemes.

Thank you for your question.
You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

.multicolumn-list.slider::-webkit-scrollbar {
  height: 1rem;
  width: 1rem;
  display: block;
}

.multicolumn-list.slider::-webkit-scrollbar-thumb {
  background-color: red;
  border-radius: 1rem;
  border: 0;
}

.multicolumn-list.slider::-webkit-scrollbar-track {
  background: orange;
  border-radius: 1rem;
}

.multicolumn-list ~ .slider-buttons {
  display: none;
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[Rohan_amazg]

It works but its very thick

how to make it thin?

[Rohan_amazg]

i managed to make it thin

but how can i give little gap in left and right?

its looking like this now