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:

1. Left column

   1. Heading - This heading shows the yellow highlight color, as set in the style tab. For options please see the heading widget documentation.

   2. Text area - For options or styling please see text area documentation.

2. Right column

   1. 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:

1. Menu Anchor - As described here, sets a place to scroll to.

2. Heading

3. Divider - a stylized yellow highlight color below the header. Can be customized as documented here.

4. Text area - like the header, this is centered and black colored. These options are found in the style tab:

5. Inner Section:

   1. Each column here shows an example you can replace with your imagery and description. Column includes:

   2. Image - set to a specific size setting in each column for consistency.

   3. Text area - documentation

   4. 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:

1. Anchor for parallax

2. Heading - with a small spacing in “em” added below for spacing relative to the font size in the advanced tab.

3. 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:

1. Service Times - text box. Click into it to replace contact text listed or remove element.

2. 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:

1. Anchor for parallax link in menu.

2. Heading

3. Divider - a yellow styled element, can be revised as described here. Extra spacing added to separate the heading:
   

4. Text area - intro to the form below.

5. Sharefaith form - add your own form as described here.

Updated May 09, 2025 15:25