Editing the Next Steps Template

To edit the page go here: 

Navigate to Pages Next Steps  click "Edit with Elementor."

To edit the template go here: 

Navigate to Templates Hope | Next Steps click "Edit with Elementor."

The Next Steps Page is made up of various Sections.

1. Hope | Intro Image Section
2. Hope | Subpage Intro Section
3. Hope | Step Section
4. Hope | Accordion Section
5. Hope | Step Section 
6. Hope | Accordion Section

1. Hope | Intro Image Section

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

Editable Content:

1. Heading
2. Section Background: Currently using a Background Image, Background Overlay, and Shape Divider.

2. Hope | Subpage Intro Section

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

Editable Content:

1. Column 1:
   1. Image: Currently using Border Type and Box Shadow under the "Style" tab as well as Border under the "Advanced" tab.
2. Column 2:
   1. Heading
   2. Text Editor
   3. Divider Widget (small blue line)
   4. Heading 
   5. Heading
3. Section Background: Currently using a color.

3. Hope | Step Section 

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

Editable Content:

1. Column 1
   1. Image*
2. Column 2
   1. Menu Anchor Widget
   2. Heading
   3. Text Editor 
   4. Heading
   5. Form
   6. Column Background: Currently using a Background Color
3. Inner Section Background
   1. Image*
4. 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 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.

4. Hope | Accordion Section

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

Editable Content:

1. Heading
2. Heading
3. Text Editor
4. Toggle Widget
5. Section Background: Currently using a Background Image and Background Overlay.

5. Hope | Step Section

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

Editable Content:

1. Column 1
   1. Image*
2. Column 2
   1. Menu Anchor Widget
   2. Heading
   3. Text Editor 
   4. Heading
   5. Form
   6. Column Background: Currently using a Background Color
3. Inner Section Background
   1. Image*
4. 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 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.

6. Hope | Accordion Section

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

Editable Content:

1. Heading
2. Heading
3. Text Editor
4. Toggle Widget
5. Section Background: Currently using a Background Image and Background Overlay.

Updated April 23, 2025 18:51