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.