Elements

(Dynamic)


Dynamic elements automatically pull content in from other places (like a feed of blog posts).

In many cases, you can use CSS classes like .bg-dark, .larger or .invert to quickly modify the appearance of many of these sections. To learn more about available classes, visit your Style Guide.

Looking for more elements?
Visit your static elements library.

⚡️ Quick Tip

How to use classes in the page builder

All page builder elements, from rows, to columns, to modules, allow you to assign custom CSS classes to manipulate their appearance in a predefined way. We have indicated when this is the case with any of the elements below.

To assign a class to an element:

  1. Open the Row, Column, or Module settings.
  2. Click the "Advanced" tab.
  3. Scroll to the bottom.
  4. Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
  5. Hit "Save"

Bonus: You can add the class invert to any element to create inverted text (like this!)

Click to open larger.

Feeds

Feed - Featured Post

Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.

Feed - Featured Event

Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.

Feed - Featured Resources

Feed - Grid with Filters - Posts

All Posts

Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.

Feed - Grid with Filters - Resources

All Resources

Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.

SEARCH & FILTER

Search

Category

Resource Type

Year Added

Grids

Grid - Simple Grid with Image

NAfME Collegiate Fall Membership Rally
NAfME State MEA event
2026 CMEA Conference
Angela Harman
Angela Harman
Nebo School District
Mapleton, Utah
Amana Sproul
Amanda Sproul
Stockdale High School
Bakersfield, California
Michael Bossman
Sioux Falls School District
Sioux Falls, South Dakota
Ann Marie Stanley
Ann Marie Stanley
Chair, Society for Music Teacher Education

NAfME

Sean Meagher headshot
Sean F. Meagher
Interim Chair, Council of State Editors

NAfME

Grid - Simple Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Grid - Complex Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

NAfME AI Task Force

The latest breakthrough advancement in technology, Artificial Intelligence (AI), has the potential to significantly transform the landscape of music education. As new technology becomes integrated into school systems, it’s important…

Music Teacher Profession Advisory Committee

The work of the Music Teacher Profession Initiative (MTPI), begun in January 2021, brought attention to the importance of music teacher education as a primary responsibility of the National Association…

Teaching Music Magazine Advisory Committee

Teaching Music Magazine is the NAfME publication for all members at all teaching levels and in all areas. Membership includes four issues per year, distributed both in print and digitally. Articles…

Grid - Complex Grid without leadin

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Speak the Language: Use Proper, Specific Musical Vocabulary in Your Daily Instruction

Speak the Language Use Proper, Specific Musical Vocabulary in Your Daily Instruction By NAfME Member Lori Schwartz Reichl This article was originally published in the March 2019 teacher edition of In…

Guitar Class in the Centennial State

Guitar Class in the Centennial State Number 36: The State of Colorado By Thomas Amoriello Jr. NAfME Council for Guitar Education Chair In this edition of “50 States of Guitar…

Modeling Diversity: Translating Social Issues through Music

Modeling Diversity Translating Social Issues through Music By NAfME Member Raymond Reimer Uy Jr. Hanover Township Public Schools “What is the story about our world that we are sharing with…