The layout of the discount calculator

Ask the Community Customization
1

Hi,
I have created a discount calculator. Can I set the presenting layout to vertical or horizontal?
Thanks

1 Like
3

Hi there @Reza_Natoori :wave:

Do you want to move the results section under the fields or place different fields side by side: Single session price, Discount Percent, Number of Sessions (from left to right)?

4

Yes, I want to move the results section under the fields.

1 Like
5

This code should work for you:

[class*="widget__Layout-sc"] {
  grid-template-columns: minmax(0px, 1fr);
}

[class*="results__Container-sc"] {
  position: static;
}

Add it to the Custom CSS field on the Settings tab of your widget’s settings and let me know if you like the result :slightly_smiling_face:

6

Thank you. It would be a good idea to add this capability as a standard feature on the widgets.

1 Like
7

Yeah, I agree that it would be a great option. I’ve added it to the Wishlist on your behalf - Vertical layout

By the way, I’d like to invite you to join our new challenge. Just share a link to your Calculator widget and describe how you are using it for a chance to win 6 FREE months :gift:

Check the details and participate - August Challenge: Build Your Calculator and Win Up To 6 FREE Months ⚡