Starting from Uncode version 2.9.4, we've introduced custom CSS classes for Row layout enhancements. These classes allow you to create Rows with viewport-spaced margins and rounded corners for more sophisticated design possibilities.

Currently, these options have been implemented as experimental classes. If they prove popular and widely requested by users, they will be integrated as standard Row options in future updates.

How to apply custom Row Classes

To use these custom classes:

1. Navigate to Row Settings → Extra → Extra Class Name;
2. Add the desired class name from the list below, screenshot ;
3. Save your changes.

Border Radius Classes

These classes apply large border radius effects to your Rows:

• unradius-hg-top-bottom: Applies huge border radius to both top and bottom of the Row
• unradius-hg-top: Applies huge border radius to the top of the Row only
• unradius-hg-bottom: Applies huge border radius to the bottom of the Row only

Margin Classes

These classes create spacing between your Rows and the viewport edges:

• unmargin-h-force: Applies horizontal spacing to the Row (left and right margins)
• unmargin-top-force: Applies spacing to the top of the Row
• unmargin-bottom-force: Applies spacing to the bottom of the Row