Editing the About Template

Navigate to Templates> Damascus | About> click "Edit with Elementor."

The about page is made up of various sections that can be linked with the anchor elements within the page:

1. About Intro Section

2. Statement of Faith Section

3. Meet the Staff Section

About Intro Section

To edit the section template, navigate to Templates> Damascus | About Intro Section> click "Edit with Elementor".

Contents:

1. Image - with site logo or any style image you replace here.

2. Heading

Since white is the default of headings in this stylekit, no specific coloring is necessary - the chosen yellow outlines the light default heading.

Statement of Faith Section

To edit the section template, navigate to Templates> Damascus | About Intro Section> click "Edit with Elementor".

This row features a background scrolling behind the page (fixed) and a background image - with a color set as well in case the image does not load:

A background overlay is set as well so that the text is more readable in front of it.

Contents:

1. Menu anchor - as described in the parallax documentation, this makes #what-we-believe a scrollable anchor on the page.

2. Heading - specific color is set in the style tab to stand out against the background. Note that when the heading contains a long word that goes over, as this does, you can set a specific font size in the mobile view as shown:
   

3. Text areas - Documented here. Each text element can have a specific color as is used here to visibly separate sections.

Meet the Staff Section

To edit the section template, navigate to Templates> Damascus | About Intro Section> click "Edit with Elementor".

Contents:

1. Menu Anchor - as set up in parallax documentation.

2. Title (H1 header) - In Advanced, margin is added to space it from the below:

3. Inner sections: each having a column containing:

   1. Image - a cropped .png file may have transparency as shown.

   2. Heading - with some padding set in the advanced panel

   3. Pastor name (H2, Heading widget)

   4. Title - this is a text element like any other, with some specific styles set on it: The background is set in style tab, the padding makes the background show consistent around it:
      and the position - width inline makes it not the full width of the area.

   5. Text Area - Replace lorum ipsum with your description.

   6. Link (“contact”) - Also a Text Area with link. As is, linked to “#staff” which just scrolls to the menu-anchor added above. Change this link with the link tool:

Note that the spacing between each team member is accomplished with the column selector in its top left, then the “margin” in advanced tab:

An extra width in this whole section is set with the layout content width setting.

Updated May 13, 2025 23:08