Editing the Homepage Template


To edit the page go here:

Navigate to Pages > Home > click "Edit with Elementor."


To edit the template go here: 

Navigate to Templates > Hope | Homepage > click "Edit with Elementor."


The Homepage template is made up of various Sections.


  1. Hope | Countdown Timer and CTA Section
  2. Hope | Flip Box 3 Column Section
  3. Hope | Latest Message Section
  4. Hope | Featured Event Section
  5. Hope | News Section



1. Hope | Countdown Timer and CTA Section


To edit the Section Template, navigate to Templates > Hope | Countdown Timer and CTA Section > Click "Edit with Elementor."



Editable Content:

  1. Section Background: Currently using a Slider with Background Overlay
  2. Column 1
    1. Call to Action
  3. Column 2
    1. Modern Events Calendar (MEC) Widget
      1. Learn how to use MEC here: Church Websites: Elementor: Widgets: Modern Events Calendar Lite (M.E. Calendar)



2. Hope | Flip Box 3 Column Section


To edit the Section Template, navigate to Templates > Hope | Flip Box 3 Column Section > Click "Edit with Elementor."



Editable Content:

  1. Each column has a Flip Box Widget
  2. Section Shape Divider



3. Hope | Latest Message Section


To edit the Section Template, navigate to Templates > Hope | Latest Message Section > Click "Edit with Elementor."



Editable Content:

  1. Heading
  2. Column 1
    1. Heading (Date)
    2. Heading (Sermon Title)
    3. Text Editor 
    4. Button
    5. Column Background: Currently using a Background Gradient
  3. Column 2
    1. Image*
  4. Inner Section Background
    1. Image*
    2. Inner Section Background: Currently using a Background Overlay

    1. Section Background: Currently using a Background Color


* The image is repeated so that 1 image shows on Desktop and Tablet, and the second shows on the Mobile view. You will need to edit both images if you want the correct image to appear on all devices.


Desktop and Tablet View


Mobile View


How to Hide and Show Buttons on Different Devices


You can set a button to show/hide on Desktop, Tablet and Mobile by clicking the blue pencil icon to edit the Button > Click the "Advanced" tab > Open the "Responsive" drop-down. From here you can click the toggles to determine where the button is shown or hidden.



4. Hope | Featured Event Section


To edit the Section Template, navigate to Templates > Hope | Featured Event Section > Click "Edit with Elementor."



Editable Content:

  1. Heading
  2. Column 1
    1. Image*
  3. Column 2
    1. Heading (Date)
    2. Heading (Sermon Title)
    3. Text Editor 
    4. Button
    5. Column Background: Currently using a Background Gradient
  4. Inner Section Background
    1. Image*
    2. Inner Section Background: Currently using a Background Overlay
  5. Section Background: Currently using a Background Gradient


* The image is repeated so that 1 image shows on Desktop and Tablet, and the second shows on the Mobile view. You will need to edit both images if you want to the correct image to appear on all devices.


Desktop and Tablet View


Mobile View


How to Hide and Show Buttons on Different Devices


You can set a button to show/hide on Desktop, Tablet and Mobile by clicking the blue pencil icon to edit the Button > Click the "Advanced" tab > Open the "Responsive" drop-down. From here you can click the toggles to determine where the button is shown or hidden.



5. Hope | News Section


To edit the Section Template, navigate to Templates > Hope | News Section > Click "Edit with Elementor."



Editable Content:

  1. Heading
  2. Posts Widget
  3. Section Background: Currently using a Background Gradient