These extensions are available for clubmembers. Join today
Our extensions are made to work with our template only

Publish this module in the SHOWCASE position, on all pages, or just the homepage. You can setup the background color-image and the text ( Header and slogan) with a CTA button also.

You can even set a transparent background for the text, making it readable on top of your video. See it in action!

Setting the top padding and variable height of this module enables you to set it up just as you like!

Available options:

MODULE CLASS SUFFIX
add css to your element

Publish this module in the SHOWCASE position, on all pages, or just the homepage. You can setup the background color-image and the text ( Header and slogan) with a CTA button also.

You can even set a transparent background for the text, making it readable on top of your video. See it in action!

Setting the top padding and variable height of this module enables you to set it up just as you like!

Available options:

MODULE CLASS SUFFIX
add css to your element

Video Settings

YOUTUBE ID
Set the Youtube id of the movie you want to see. It is very simple to find your YouTube video ID. First, go to the YouTube webpage. Look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). This is the code you need to enter into your YouTube stack.

START AT SECOND
Set the start second of your video

END AT SECOND
Set the end second of your video

HEIGHT
Amount in pixels or vh (add px or vh to value: eg 100px or 91vh) for height module

TOP PADDING
Amount in pixels or vh (add px or vh to value: eg 100px or 91vh) for content top padding

BACKGROUND IMAGE
This is a fallback image in case the video does not load

BACKGROUND COLOR
Fallback color

Text settings

SHOW TEXT
Easy: show text or not

HEADER TEXT
The h1 tag for the element 

PARAGRAPH TEXT
The paragraph text for the element

CENTER TEXT
Center text? if not, you can align the text in the editor

HEADING TEXT COLOR
H1 color text

PARAGRAPH TEXT COLOR
Paragraph color text

BACKGROUND FOR TEXT
set the background color for the text block

OPACITY
Set the transparency for the text block

SHOW ANIMATED ARROW
This shows an animated arrow down. Only use if you use this module full-page. (heigh to 91vh or more) 

Button settings

SHOW BUTTON
Show a button?

BUTTON TEXT
The text for the button

BUTTON LINK
The link for this button

BUTTON CLASS
The class for the button, see bootstrap website for available classes ( btn btn-primary, btn btn-secondary, btn btn-success, btn btn-danger ETC)