Skip to main content

Parallax

For a parallax element, create a new article, edit the article settings and enter the following CSS classes under expert settings (second input field): hero parallax fullwidth.

Article classes for the parallax element Article classes for the parallax element

In the article, place a text element and add, for example, a headline and a text. Under image settings you select the image.

Under Template settings, select the template ce_text_hero_parallax_zeroone (up to Contao 4.13) or content_element/text/parallax_zeroone (Contao 5.0 and later).

Parallax text element Parallax text element

This is what the finished parallax element should look like:

Parallax element example Parallax element example