Hero Custom | v1.139.5

Hero Configuration Tool

Layout & design settings - [Background type, effects, hero-size & colors]

Background: Image Video Color

Effect: Shadow Overlay

Mobile: Fullscreen

Desktop: Full Height Full Width

Min Height Desktop ⓘ

Vertical Alignment Mobile ↕

Vertical Alignment Desktop ↕

Horizontal Alignment Mobile ↔

Horizontal Alignment Desktop ↔

Bg Color

Overlay Color

Overlay Opacity 0.2

Heading Color

Subsection Color

Button colors:

Button-1 color

Button-1 text-color

Button-2 color

Button-2 text-color

Transparent buttons

Content editing - [Data for text, image & video]

Mobile Heading

Desktop Heading

Mobile Text

Desktop Text

Button primary

Button secondary

Desktop Image

Mobile Image

Desktop images for testing purposes:

https://www.3f.dk/cdn-cgi/image/,format=auto/-/media/images/artikler/uddannelser/skov-og-naturtekniker_ny.jpg
https://images.pexels.com/photos/417827/pexels-photo-417827.jpeg
https://images.pexels.com/photos/585419/pexels-photo-585419.jpeg
https://images.pexels.com/photos/1227511/pexels-photo-1227511.jpeg

Desktop Video embed code

Mobile Video embed code

Pick 3F Cloudflare videos here
The embed code for the video should be an iframe containing the video source. Chose the tab Embed and copy the code snippet.
Toggle the settings to the following values before you copy the code snippet:

controls: OFF
autoplay: on
loop: on
preload: on
muted: on
lazy: on

Font size settings - [Font-size, button-size]

Heading Size (Mobile)

Heading Size (Desktop)

Subsection Size (Mobile)

Subsection Size (Desktop)

Buttons Size

Afprøv de tilgængelige konfigurationer herover. Ændringerne nulstilles når siden genindlæses. Tip: For bedre overblik kan Full Height Desktop med fordel slås fra under redigering af teksterne.

Link to documentation - and - Link to example page with content/cards