Text editor element. This template is called section-fullWidth-darkBackground
Text editor element. This template is called section-fullWidth-primaryBackground
Text editor element. This template is called section-fullWidth-lightBackground
Text editor element. This template is called section-fullWidth-lightestBackground
This template is called section-oneColumn-lightBackground.
This template is called section-oneColumn-whiteBackground.
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.
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.
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
Text editor element.
Text editor element.
Text editor element.
Extra notes on content above.
Text element. The template for all three content boxes and the surrounding dark background is called section-twoColumnPlusOneColumn-darkBackground.
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.
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.
Text editor element. This entire section’s template (everything in the box framed with thin violet. The template is named section-elementTemplatesAndWidgets
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.
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.
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.
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%.
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.
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 ! @ # $ % ^ & * ( )