Publish this module in the SHOWCASE position, on all pages, or just the homepage.

You can set up 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 your background image. This module is part of the free package. Check your homepage to see it in action.

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

MODULE CLASS SUFFIX
add css to your element

Publish this module in the SHOWCASE position, on all pages, or just the homepage.

You can set up 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 your background image. This module is part of the free package. Check your homepage to see it in action.

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

MODULE CLASS SUFFIX
add css to your element

General settings

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

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

Text settings

SHOW TEXT
Easy: show text or not

WIDTH TEXT IN %
The widht of the text box

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

SELECT ANIMATION
Select animation for this element

EFFECT DURATION (MS)
The animation duration

BACKGROUND FOR TEXT
The background color for the text element

OPACITY
Set color transperancy

Text

HEADER TEXT
The h1 tag for the elment 

PARAGRAPH TEXT
The paragraph text for the element

Button settings

Button 1

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)

---

Button 2

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)