When you encounter a design option that requires sizing, you'll see it associated with a default unit, such as PX for pixels.
To change the measurement type:
- Click on the current unit to open the menu of available options.
- From the dropdown, pick the measurement unit that fits your design needs.
Using custom measurements
Some designers opt for CSS math functions for more dynamic and responsive sizing. CSS math functions allow the combination of different units, which can enhance the precision and adaptability of your site's design.
To apply custom measurements:
- Open the unit dropdown as mentioned above.
- Click the pencil icon to enter the custom mode.
- Type in your CSS math function into the input field.
Note:
When using CSS math functions, always include the unit of measurement (e.g., use 15PX) not just the number 15 and avoid spaces between the value and its unit (e.g., 15PX and not 15 PX).
10Web Website Builder allows the use of custom CSS math functions across various elements including containers, sections, columns, and within typography settings, providing you with full control over your site’s responsiveness and presentation.