New feature alert: Calculation for Size Units

Be in the know
, ,
1

Calculate different units of measure , to customize your elements to look exactly the way you want.

https://static.wixstatic.com/media/a27d24_56801ff7a55045d7bf0dd400db9425be~mv2.gif(image larger than 4 MB)

I’m very happy to share that Calculation , a new sizing option in the Inspector panel, is now available in Editor X.
Now with Calculation you can use mathematical determination of the size to create much more complicated layouts and design, and combine different units.

586×668 36.7 KB

For example, to ensure that a section will fill the full height of the viewport (100vh) together with a header that have exactly the same height in every screen size, set the section’s height to (100 vh - X px)

1862×1010 173 KB

Tip: always keep in mind that the type of measurements you want to use depends on how you want elements to resize as the viewport width changes.

Please feel free to share your feedback :heavy_heart_exclamation:

8 Likes
2

You guys have been killing it with the css stuff recently! Great stuff!
Can’t wait to see what you guys are putting together with js & jQuery stuff too!

3

So powerful!!!

4

I think that a lot of us didn’t notice how this improvement is a game-changer for layouting in Editor X :fire::fire::fire:. Thanks a lot

5

Perfect keep going make a best as you can😍

6

For buttons, what would be the correct calculation code for "max content + XXpx)? I’m not a coder, so whatever I’ve tried isn’t working. Any help would be very much appreciated!

7

Checking but don’t believe you can use max-content for calculations.