Reference - Black Iowa and the Nation

One Column Light Blue Background (H2)

The PageBuilder blocks provide you with the flexibility to make each page unique while staying consistent with the design of the rest of your site. You have several options for your PageBuilder blocks. You’ll click on the “Add Section” button or the + sign in the right upper corner of each section to add a layout.

This is your One Column section. You can choose the Content Width, Column Position (location you want it to “stick” to) and Background Color. You can also set it to appear as the header for the next section by switching the Intro toggle to yes. Widths of 10/12 are great if you want the content centered on the page. If you want the content more full-width and lined up with the next section, I would recommend making it 12/12.

Two Column – Image Left

For the Two Column section you have all your formatting options and can choose any widths for the columns and a background color. You can have two columns of content or a picture and content. The pictures used in this section are typically 1080 x 1080, 1920 x 1080, or 800 x 600 pixels (.jpg images work best). Basically whatever looks best with the content within reason. You want to avoid tiny pictures in this section. If you need a transparent background in the case of uploading a logo, you can use .png files.

Content Blocks

For the content blocks section you have various layout options you can select – Images and Icons. You’ll simply select the blocks per row, layout, and background color.

Adding Blocks

You can add new blocks with the + sign or “Add Block” button. All your formats and button options are still available. You can also change the amount of block by using the Blocks per row slider.

Images

When you add an image, they should all be the same size. For images you can start with 1920 x 1080, 1280 x 720 or 800 x 600 px.

Icons

For icons, I would recommend using a png with a transparent background. The icon should be centered on a 128 x 128px canvas. I recommend naming your icons subject-icon. This will make it easier to find in your media library.

Image Overlay

You can add content with an image in the background. This works best with landscape photography at a 16:9 ratio. I start with a width of 1920 px and you can adjust the height as needed for the composition of your photo. You can select where you would like the copy to appear (left, right, or center).

Call To Action

Expandable Content

This section is great when you have a lot of content and you want to minimize scrolling or to include FAQ or topical information.

What are my formatting options?

Each option has things you can adjust like content width or position and a variety of available formats. See some examples of available formatting below.

Heading 1 – only use once/page in top header
Heading 2 – two-column, image overlay content, one column, CTAs
Heading 3 – 3 column content blocks and longer headers
Heading 4 – 4 column content blocks, subtitles
Heading 5 – as needed
Heading 6 – as needed
Paragraph – body text
Large Paragraph – use in header when it’s short content or to add emphasis to a section
How do I reorder PageBuilder blocks?

To change the position of a PageBuilder block on a page, you can drag and drop the boxes to reorder them.
What if I need to copy and paste from another document?

Please select your paste as text icon in your toolbar before pasting into the website to avoid bringing in styles from other documents.
How do I add a button?

To add a button, write out your button text, highlight it, choose the button style from the formats dropdown and then link it by highlighting and clicking the link icon.
How do I add a form?

If you’re using Gravity Forms, you’ll select the “Add Form” button and select the form you’ll like to embed from the dropdown menu. Uncheck the boxes next to display form title and form description.
How do I show all form notifications, even if they were left blank?

Navigate to the form’s settings. Select Notifications. In the message field, use the variable {all_fields:empty}.
What if I'm not receiving form entries?

Please notify our team and we can do some troubleshooting to try to pinpoint the issue and find workable solutions to correct it.

If at any point you aren’t receiving form submissions directly to your email, entries can be checked on the backend of the website if you go to Forms > Entries on any form you have in that section.
How do I edit Scholars?

You can go to the scholars section and edit existing profiles or add new ones.
Where can I update my address?

If you go to Theme Settings > General Info, you’ll be able to update your contact information and logo if needed.