ARTICLE STYLES

Articles are the building blocks within each section. You can add anywhere from 1 to 4 articles per section.

You also have the option to add animations, so each article can appear one after the other in a smooth sequence.

There are four main styles you can choose from:

  • Plain
  • Boxed
  • Bordered
  • Boxed and Bordered

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

Settings > Design & appearance > Elements > Articles

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

Images Example

DEFAULT

This shows the image as it naturally is, not cropping

1:1 Square

This is your plain article style.
You can add animations to each article.

3:2 Standard

This is your plain article style.
You can add animations to each article.

2:3 Standard (Vertical)

This is your plain article style.
You can add animations to each article.

4:3

This shows the image as it naturally is, not cropping

3:4 (vertical)

This is your plain article style.
You can add animations to each article.

16:9 Widescreen

This is your plain article style.
You can add animations to each article.

3:2 Standard (again)

This is your plain article style.
You can add animations to each article.

Article Style 1: Plain

Sample Image

Article Title

This is your plain article style.
You can add animations to each article.

Article Title

This is your plain article style.
You can add animations to each article.

Article Title

This is your plain article style.
You can add animations to each article.

Article Style 2: Boxed

Article Title

You can set the background to have a colour, gradient, image, pattern or video.

You also have the option to add rounded corners.

Article Title

You can set the background to have a colour, gradient, image, pattern or video.

You also have the option to add rounded corners.

Article Title

You can set the background to have a colour, gradient, image, pattern or video.

You also have the option to add rounded corners.

Article Title

You can set the background to have a colour, gradient, image, pattern or video.

You also have the option to add rounded corners.

Article Style 3: Bordered

Article Title

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Style 4: Boxed and Bordered

Article Title

This is the boxed and bordered style combined.

You can set the background to have a colour, gradient, image, pattern or video.

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

This is the boxed and bordered style combined.

You can set the background to have a colour, gradient, image, pattern or video.

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

This is the boxed and bordered style combined.

You can set the background to have a colour, gradient, image, pattern or video.

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Article Title

This is the boxed and bordered style combined.

You can set the background to have a colour, gradient, image, pattern or video.

You can set the border to be any colour or thickness.

You also have the option to add rounded corners.

Section Title Without Bold Applied

Article Title Without Bold Applied

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Section Title With Bold Applied

Article Title With Bold Applied

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Font Sizes:

Font Style 1

xx - small

x - small

small

normal

large

x- large

xx- large

xxx- large

ultra- large

ultra- x-large

ultra- xx-large

ultra- xxx-large

Font Style 2+BOLD

xx - small

x - small

small

normal

large

x- large

xx- large

xxx- large

ultra- large

ultra- x-large

ultra- xx-large

ultra- xxx-large

Font Colours:

You can display your text in different colours

From your palette of colours

Text - Colour: One
Text - Colour: Two
Text - Colour: Three
Text - Colour: Four
Text - Colour: Five
Text - Colour: Six
Text - Colour: Seven
Text - Colour: Eight

Additional colours

Text - Colour: Text
Text - Colour: Text Muted
Text - Colour: White

And you can combine the different font options

Don't forget to use the   format eraserformat eraser button to remove any existing styles before applying a new style

Text - Colour: One & ultra- xxx-large

Text - Colour: Three & x - small

Discover Section Styles (opens in a new tab)
Discover Widgets (opens in a new tab)