Editing the Homepage Template
Navigate to Templates > Redeemer | Homepage > click "Edit with Elementor"
The homepage is made up of various sections, it features a home page with video background and parallax options.
1. Redeemer | Video Background Section
2. Redeemer | Series Promo Section
3. Redeemer | Series Promo Parallax Image Section
4. Redeemer | Gatherings Section
5. Redeemer | Join Us Section
6. Redeemer | Contact Us Section
1. Redeemer | Video Background Section
To edit this template, navigate to Templates > Redeemer | Video Background Section > Click "Edit with Elementor"
To make a video background section, select the background option within style. If you choose your own .mp4 file link rather than a youtube url, it should ideally be just a few megabytes in size.
Note that you should have a snapshot of the video (image file) uploaded as a fallback for cases it does not load:
Also while selecting the whole section (the blue outline here), you may add a background overlay. This is recommended to make all your text over the section more readable:
Note that with a layout like this you may need to make some padding-margin adjustments in mobile view as compared with desktop. With the mobile preview set in the bottom left option you can set the margin and padding specific to that view:
2. Redeemer | Series Promo Section
To edit this template, navigate to Templates > Redeemer | Series Promo Section > Click "Edit with Elementor"
This section shows a promo heading over dark text for your sermon link. Containing:
Left column
Heading - This heading shows the yellow highlight color, as set in the style tab. For options please see the heading widget documentation.
Text area - For options or styling please see text area documentation.
Right column
Button - As with others, this one is customized with the highlight color and text color. Change this as desired in both the hover and normal tab:
3. Redeemer | Series Promo Parallax Image Section
To edit this template, navigate to Templates > Redeemer | Series Promo Parallax Image Section > Click "Edit with Elementor"
The background of this row is set to have a parallax effect as set in the style tab - under scrolling effects, vertical scroll makes the background move at a different rate than the image or text you insert above the background.
4. Redeemer | Gatherings Section
To edit this template, navigate to Templates > Redeemer | Gatherings Section > Click "Edit with Elementor"
This section shows an example of stylized heading, divider and menu anchor.
Section contents:
Menu Anchor - As described here, sets a place to scroll to.
Heading
Divider - a stylized yellow highlight color below the header. Can be customized as documented here.
Text area - like the header, this is centered and black colored. These options are found in the style tab:
Inner Section:
Each column here shows an example you can replace with your imagery and description. Column includes:
Image - set to a specific size setting in each column for consistency.
Text area - documentation
Button - inheriting the default button settings of the style kit, although this does have a specific margin set to space it out from the above elements.
5. Redeemer | Join Us Section
To edit this template, navigate to Templates > Redeemer | Join Us Section > Click "Edit with Elementor"
Contents:
Left column:
Heading - with a small spacing in “em” added below for spacing relative to the font size in the advanced tab.
Map - A Google map as documented here. If you use another embed such as Mapbox the HTML widget will let you insert it.
Right Column:
Service Times - text box. Click into it to replace contact text listed or remove element.
Button - As with others, this one is customized with the highlight color and text color. Change this as desired in both the hover and normal tab:
6. Redeemer | Contact Us Section
To edit this template, navigate to Templates > Redeemer | Contact Us Section > Click "Edit with Elementor"
Contents:
Anchor for parallax link in menu.
Heading
Divider - a yellow styled element, can be revised as described here. Extra spacing added to separate the heading:
Text area - intro to the form below.
Sharefaith form - add your own form as described here.