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.
For each Section, you can configure the following:
For each column, you can configure the following:
When finished, click Save.
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.
Increase your Sitefinity skills by signing up for our free trainings. Get Sitefinity-certified at Progress Education Community to boost your credentials.
This free lesson teaches administrators, marketers, and other business professionals how to use the Integration hub service to create automated workflows between Sitefinity and other business systems.
This free lesson teaches administrators the basics about protecting yor Sitefinity instance and its sites from external threats. Configure HTTPS, SSL, allow lists for trusted sites, and cookie security, among others.
The free on-demand video course teaches developers how to use Sitefinity .NET Core and leverage its decoupled architecture and new way of coding against the platform.
To submit feedback, please update your cookie settings and allow the usage of Functional cookies.
Your feedback about this content is important