** Style Guide / Sandbox **

Marketing Headline (h2)

Optional hero paragraph text can be used for “Pages.” This is not available for auto-generated headers like news posts, student bios, research partners, and research database articles.

Use the Featured Image field in the Page Settings panel on the right to set a hero image.

This text style uses the standard paragraph block with a “Large” style setting, which can be selected in the block settings panel.

Accordions Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore?

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Veniam, quis nostrud exercitation ullamco.

consectetur adipiscing elit, sed do eiusmod tempor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Veniam, quis nostrud exercitation ullamco.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Veniam, quis nostrud exercitation ullamco.

Quote block black bean burrito almond milk red pepper hearts of palm jalapeño.

Quote Citation

Media & Text Block

Default style with wide width alignment

The Media & Text block is one of the most diverse blocks. We can manipulate the styles based on the alignment that’s chosen (default, wide width, or full width), as well as create custom styles that can be chosen in the settings panel on the right.

The Southern Piedmont Climate Smart theme has two Media & Text styles available:

  • Default
    All alignment and background color options are available for the default style.
  • Circle Mask
    Changes the image to a circle with a layered paper background. This style defaults to the full width alignment.

Media & Text BlockDDefault Style, Full Width Alignment, background color

To get the media & text image to fill the column, simply select the image, and toggle the “Crop image to fill entire column” option in the settings panel to the right.

Grant Details Headline Placeholder

Use this section to introduce and crosslink to the legal / contractual requirements of the Climate Smart grant. Lorem ipsum dolor amet, consectetur adipiscing elit, sed do eiusmod incididunt ut labore et dolore magna. Ut enim ad minim veniam.

Group Block Corn Field BG Style, full width alignment

The Group block is required to add full-width background images to content. Think of it as layer-grouping within design programs like Photoshop.

Media & TextDefault Style, Default Alignment (None)

The Group block is also helpful in helping keep groups of content organized in the WordPress List View panel. You can use the Advanced options in the settings panel to add an HTML anchor, which will appear in the List View of the blocks on the page for easier content orientation.

Preheader Text Style Default H2 Style

Two blocks are used below: Columns and Info Cards. The columns block provides flexibility to display text or images in two to six columns in a row. The theme determines when those columns start to wrap for smaller screen sizes.

The Info Cards block has the flexibility to have an image, icon, and detail text. Detail text is only displayed with the “Flippable” option selected, which we only recommend using for cards up to four columns in a row.

Partner Profiles Block Auto-generated Grid of Partner logos with Bio Modals

This block can be added to any page with any lead-in text required for context with the rest of the page’s content. Changes to individual biographies, images, and names need to be made in the Research Partners section of the website.

Group Block Color Block Style

The Color Block style available for Group blocks allows for the selection of any branded background color in the settings panel and will pair the selection with a predetermined complimentary color.

Student Profiles Block Auto-generated Grid of Student Bios

This block can be added to any page with any lead-in text required for context with the rest of the page’s content. Changes to individual biographies or names need to be made in the Student Bios section of the website.

  • TEST ABI LOWE North Carolina University of PLANTS

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Anna Sanchez Emory University

    TEST Anna Sanchez Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Brian SMith Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Lisa Hudson Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Sally Fields Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Samara Feinstein Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor

  • TEST Tim Reilly Emory University

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Consectetur adipiscing elit, sed do eiusmod tempor