Sliders Next to Each Other Instead of On Top of Each Other

Ask the Community Customization
1

I have two sliders in my calculator. I want them next to each other instead of on top of each other.

2 Likes
3

Happy to see you’ve decided to team up with us! Welcome, @user20321 :wave:

This code should help:

[class*='widget__Layout-sc'] {
  display: block;
}

form {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  column-gap: 50px;
}

Just add it to the Custom CSS field on the Settings tab of your widget’s settings and let me know if it worked :wink:

2 Likes