Page Heading Template

H1 Heading

Text editor element. This template is called section-fullWidth-darkBackground

H1 Heading

Text editor element. This template is called section-fullWidth-primaryBackground

H1 Heading

Text editor element. This template is called section-fullWidth-lightBackground

H1 Heading

Text editor element. This template is called section-fullWidth-lightestBackground

H1 Heading

This template is called section-oneColumn-lightBackground.

H1 Heading

This template is called section-oneColumn-whiteBackground.

H1 Heading

This entire section includes everything that fits into the dark violet background. It has two boxes for content. The name of the template is section-twoColumn-darkBackground.

The video below is created by inserting an HTML element in this section, then copying and pasting the embedded code from the video on Facebook. Embedded video can also be inserted from Vimeo and YouTube, among others. 

H1 Heading

This entire section includes everything that fits into the dark violet background. It has two boxes for content. The name of the template is section-twoColumn-darkBackground. 

H1 Heading

H2 Heading

Text editor element. This entire section includes everything that fits into the light violet background. It has four boxes for content. The name of the template is section-twoColumn-lightestBackground

H2 Heading

Text editor element.

H2 Heading

Text editor element.

H2 Heading

Text editor element.

Extra notes on content above.

H1 Heading

Text element. The template for all three content boxes and the surrounding dark background is called section-twoColumnPlusOneColumn-darkBackground.

H1 Heading

Although this template and the template called section-twoColumn-darkBackground appear to be very similar, they are structured differently. The white box below requires additional segmenting since we have both a two-column section and a one-column section in the same template.

H1 Heading

Once this section is added, you can add in whatever elements you need in the Elementor editor. To embed a video, insert an HTML element, then get the embed code from the source, and paste it into the HTML element editor.

H1 Heading

Text editor element. This entire section’s template (everything in the box framed with thin violet.  The template is named section-elementTemplatesAndWidgets

Resources

The post section below is an example taken from the “Resources” page. The query parameters could be adjusted to show a different Posts Category. Other elements could be added here as well. The reason for having the resources be input into WordPress as Posts allows for organization through Post Categories and Tags and reduces the risk of new or edited content not matching the styling of the website if links were manually added. 

Founding Members

The section below is a global widget called gallery-logos-foundingMembers. Editing the content in one place will edit other places this widget is used on the site as long as it’s still globally linked.

ACLU Massachusetts logo: 'ACLU' in large, bold, capital blue letters above the word 'Massachusetts,' which is not all capitalized, and is written in red, the font size is small enough that it takes the same width as the 'ACLU Boston Medical Center logo: The words 'Boston Medical' in bold, black, capital letters, stacked on top of each other with no spacing between the words; in the upper right corner is a semicircle that goes through the second 'O' in 'Boston' and ends just before the 'L' in 'Medical' - above the semicircle, in much smaller capital letters and a simpler font, following the curve, is the word 'Center' logo for Fenway Health: long, horizontal logo with the words 'Fenway Health' in dark grey caps, in between the two words is the pictorial logo, which is a horizontal, light blue rectangle with two white equal signs, the first one as it usually appears and the second flipped 90 degrees logo: text that says 'Grayken Center for Addiction' in large gray letters, with smaller font below that says 'Boston Medical Center'; to the left of the words is a graphic of two leaf-shaped elements tilted up and to the right, the top one, larger and periwinkle, the bottom, a darker shad of bluish-purple with three semicircles in 3 shades of purple logo for Massachusetts Medical Society: oval crest white and blue, around the oval it says 'SIGILL : SOC : MED : MASSACHUSETT. A.D. 1781' with a man holding a staff with a snake wrapped around it, other arm outstretched, palm up, facing a deer that's been pierced in the side with an arrow; below the seal are the words 'Massachusetts Medical Society' in black caps. RIZE Massachusetts logo: the words 'rize massachusetts' are in blue, lowercase letters justified left - the word 'rize' is much bigger font and placed over 'massachusetts'; in the right portion of the logo is a dark yellow sun, but only the upper, right quadrant

Embedded Code

The element below, the HTML element, is a place where you can add the embedding code provided by third parties like Google Forms or Action Network to embed forms and other things. When you edit the HTML, just delete everything in the Content Editor on the left sidebar and paste in the new code. The HTML element below can be added by clicking the icon that looks like the white side of a solved Rubik’s Cube in the Editor at the top of the left sidebar, searching for or finding the element called HTML, and dragging it and dropping it where you want it on the page.

Embedded PDF

The element below, the EmbedPress PDF element, is an element where you can choose a PDF to embed on the page. The PDF must already be uploaded as a piece of Media in the WordPress Admin Dashboard or you must upload it at the the time you have to pick the file. When you click the EmbedPress PDF element, you can select a new PDF to display in the Content Editor on the left sidebar. The EmbedPress PDF element below can be added by clicking the icon that looks like the white side of a solved Rubik’s Cube in the Editor at the top of the left sidebar, searching for or finding the element called EmbedPress PDF, and dragging it and dropping it where you want it on the page. It is suggested that the width in the Content Editor be changed from px to % and be changed to 100%.

H1 Heading

H2 Heading

Text editor element. The template is named section-separatePage-contentContainer

This section is called section-contentContainer-textTester. It’s a space where you’re meant to see what different text elements look like. It’s useful for seeing changes in real-time as you adjust site settings, especially those dealing with fonts and typography, that take effect across the site.

H1 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )

H2 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )

H3 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )

H4 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )

H5 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )
H6 Heading Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( )

This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. This is primary text. Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( ) 

This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. This is secondary text. Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( ) 

This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. This is text. Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( ) 

This is a new paragraph.

This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. This is accent. Aa Bb Cc Dd Ee Éé Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 012345678910 ! @ # $ % ^ & * ( ) 

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Related Links (template-relatedLinksSection)