There are basically 2 different types of sections, each one with a style variation. So we have 4 different types of sections. See how they look like on the sections page.

For every section there are the following content blocks to choose from:

1. Heading
2. Lead
3. Heading with lead
4. Text (extendable with sidebar)
5. Quote
6. Fact box
7. Icon teaser
8. Downloads
9. Shortcode
10. Form
11. Image
12. Image slider
13. Content slider
14. Teaser boxes
15. Teaser columns
16. Text with background image
17. Counter
18. Button
19. Teaser news/blog
20. Donation widget
21. CTA: Image & Donation Box
22. CTA: Image & Donation Box (Wages)
23. CTA: Image
24. Social sharing
25. Petition: Last supporters

Heading

This element is simply a headline. It can be styled in three different ways:

Text (extendable with sidebar)

This block is a WYSIWYG-editor and should be used for text. It can be extended by a sidebar – find out more about the sidebar version on the sidebar page.

This is the element “Text (extendable with sidebar), but without a sidebar. Lorem ipsum dolor sit amet, this is bold consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. This is italic and duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur linked text to first section sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is a video embedded within the textfield:

Commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This is an H2 heading and now comes an unordered list:

• This is an unordered list
• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
• Third item
• Fourth

Commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This should be centered text.

This should be right aligned text.

This is an H3 heading and now comes an ordered list:

1. This is an ordered list
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco.
3. Third item
4. Fourth

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Quote

The text for quote itself is the only mandatory field, but the block can also have an image, a name and a position. It can be used as full-width-element and in the sidebar of some blocks. Find out more about the sidebar version on the sidebar page.

Fact box

This block shows multiple facts with predefined icons, that can be chosen. It can be used as full-width-element and in the sidebar of some blocks. Find out more about the sidebar version on the sidebar page.

Icon teaser

It shows a title, a text (with possible links) combined with an image/icon. The element can have a light background color and the highlight color can be set.

It can be used as full-width-element and in the sidebar of some blocks. Find out more about the sidebar version on the sidebar page.

Downloads

Presents downloadable PDF-files.

Shortcode

The shortcode element can be used to show all types of registered shortcodes, like the audio-player-shortcode:

The form element can be used to show a specific Gravity form. It can be extended by a sidebar – find out more about the sidebar version on the sidebar page.

Image

Shows an image with or without a caption. Height is variable.

Image slider

Shows images in a fixed size with or without captions in a slider format:

It can also be used to present only one image without a slider, similar to the image element:

Content slider

The content slider shows text and an image caption on a full-width background image.

Teaser boxes

This block exists of tiles, that can have full or half width of the container. The tiles have a background image and text and can be linked.

Teaser columns

Teaser columns show multiple items with image, title and text. They can be linked and there are three grids available:

Text with background image

As the name says it is showing text on a (full-width) background-image.

Counter

This block counts from a starting figure to an ending figure, when scrolled into viewpoint. Also a title, text, a prefix and a suffix can be added. It can be used as full-width-element and in the sidebar of some blocks. Find out more about the sidebar version on the sidebar page.

Button

Buttons can link to internal pages, external websites or anchors and are available in two different styles:

Teaser news/blog

This block uses the same styling as the Teaser columns and can be used to show news/blog entries. With no additional settings it just shows the most recent posts. Additional checkboxes allow to filter the posts through categories and/or tags.

Donation widget

Shows a predefined Raisenow donation widget. The whole configuration of the widgets is done globally under Donation widgets. This block makes it possible to choose, which of the predefined widgets you want to show. It can be extended by a sidebar – find out more about the sidebar version on the sidebar page.

CTA: Image & Donation box

This is a donation teaserbox on a background image to link to a predefined donation checkout page, which is showing the Donation widget.

CTA: Image & Donation box (Wages)

This is a donation teaserbox on a background image with the possibility to donate an hourly wage rate. It links to a predefined donation checkout page, which is showing the Donation widget.

CTA: Image

A textbox on a background image with a specific CTA button. The textbox can be positioned left, right or centered.

Social sharing

Adds social sharing buttons to the page (WhatsApp, Twitter, Facebook, E-Mail):

Petition: Last Supporters

This block shows the most recent supporters from a petition.