After, using the Section widget, you have divided the ASP.NET Core page into the desired layout elements – rows and columns, you can style each element.
Styling includes defining margins and paddings and applying background color or image. You can style each Section widget and its columns individually.
To do this, perform the following:
NOTE: If the Section widget does not have any columns, it is treated as having one column that you can style separately of the section.
The following screenshot illustrates the different styling options:
When you are styling a Section widget, in addition to the basic predefined settings, you can also apply a custom CSS class to each element separately.
To achieve a margin between two columns, you place two Section widgets inside the columns and configure their margins.
The following screenshot demonstrates how to nest widgets. All margins and paddings are configured to medium. The margins of the two nested sections are used as spacing between the two columns of the first Section widget.
Sign up for our free beginner training. Boost your credentials through advanced courses and certification. Register for Sitefinity training and certification.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important