Websites - Wordpress: Hope Theme: Homepage

Editing the Homepage Template

To edit the page go here:

Navigate to Pages Home  click "Edit with Wordpress."

 

To edit the template go here: 

Navigate to Templates Hope | Homepage click "Edit with Wordpress."

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 Wordpress."

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 Wordpress."

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 Wordpress."

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
5. 
   
   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 Wordpress."

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 Wordpress."

Editable Content:

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

---

Updated May 05, 2025 16:53