SECTION STYLES

Sections are the containers that hold your article content, and they appear one below the other, down the page. Feel free to add as many sections as you'd like on one page.

In the section options, you'll find many settings to customise your sections, such as:

  • Turning them on or off (active/inactive)
  • Changing their width
  • Adjusting padding and margins

You can also personalise your sections further by adding background colors or images and borders.

If you want your articles to have a unique look, you can make them appear staggered or set them to display in different widths.

ASP will automatically apply default styles for your sectios that match your brand. If you want to customise these defaults, you can do so by going to:

Settings > Design & appearance > Elements > Sections

After adding your content, you can also customize each section individually to suit your needs.  Below, you'll find some examples to help you get started!

Staggered Sections

Welcome to our awesome feature where you get to call the shots on the incline angle and stagger style. Let your imagination run wild and try out different article styles and widgets to create some seriously impressive content.

The Staggered section can be set in the Section Options > Settings > Content

Left to right  (reduced slope)

Sample Image

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking.

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking.

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. Iterative approaches to corporate strategy foster collaborative thinking.

Left to right  (increased slope)

Why Visit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.
Why Exhibit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.
Sponsorship Opportunities
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

Right to Left

Article Tiitle
Leverage agile frameworks to provide a robust synopsis for high level overviews. 
Article Tiitle
Leverage agile frameworks to provide a robust synopsis for high level overviews. 
Article Tiitle
Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Centre Off Set Bottom

Sample Image

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 
Sample Image

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 
Sample Image

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 
Sample Image

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Centre Off Set Top

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Article Title

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Leverage agile frameworks to provide a robust synopsis for high level overviews. 

Different Widths Sections

Discover the freedom to customise your articles with our latest feature—now you can set different widths for each section! Elevate your layout and make your content visually stunning like never before.

You can apply different widths, if you have more than one article.  The section widths can be set in the Section Options > Settings > Content

2 Articles in a Section

Article Title

You can apply the following different width combinations to a section with two articles:

50/50
33/66
66/33
75/25
25/75

The section widths can be set in the Section Options > Settings > Content

Article Title

You can apply the following different width combinations to a section with two articles:

50/50
33/66
66/33
75/25
25/75

The section widths can be set in the Section Options > Settings > Content

3 Articles in a Section

Article Title

You can apply the following different width combinations to a section with three articles:

33/33/33
50/25/25
25/25/50
66/16/16
16/16/66

The section widths can be set in the Section Options > Settings > Content

4 Articles in a Section

Article Title

You can apply the following different width combinations to a section with four articles:

33/33/16/16
33/16/33/16
16/33/33/16
16/33/16/33
16/16/33/33

Article Title

The section widths can be set in the Section Options > Settings > Content

Background Options

You can sent the background of your section to any colour, image or video of your choosing

Section with Background Colour


You can select any colour from your preset palette, or a completely custom colour

The section colour can be set in the Section Options > Settings > General > Background
 

Section with Background Gradient


You can select any colour from your preset palette, or a completely custom colour.
You can set the direction from topto bottom/ left to right or set your own custom style

The section gradient colour can be set in the Section Options > Settings > General > Background
 

Section with Background Image

You can add any image to be the background of your section, and can apply any colour or intensity overlay to it.
You can select to make it have a parallax effect.

The background image can be set in the Section Options > Settings > General > Background

 

Section with Background Pattern

 

You can add any image to repeat as the background of your section, and can apply any colour or intensity overlay to it.

The background image can be set in the Section Options > Settings > General > Background

 

Section with Video Background

You can add any image to be the background of your section, and can apply any colour or intensity overlay to it.
You can select to make it have a parallax effect.

The background image can be set in the Section Options > Settings > General > Background