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:
- Open the Row, Column, or Module settings.
- Click the "Advanced" tab.
- Scroll to the bottom.
- Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
- Hit "Save"
Bonus: You can add the class invert
to any element to create inverted text (like this!)
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
Featured Resources
Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis.
Feed - Grid with Filters - Posts
Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.
Feed - Grid with Filters - Resources
Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.
Band Responding Unit—Accomplished Level
NAfME Teaching with Primary Sources Curriculum Units for the 2014 Music Standards The goal of this responding unit is for students to gain knowledge that will help them select music…
Band Responding Unit—Intermediate Level
NAfME Teaching with Primary Sources Curriculum Units for the 2014 Music Standards This unit focuses on the historical background of John Philip Sousa, the outline of American march form, and…
Band Responding Unit—Novice Secondary Level
NAfME Teaching with Primary Sources Curriculum Units for the 2014 Music Standards The goal of this Responding unit is for students to gain knowledge that will help them select music…
Band Responding Unit—Novice Elementary Level
NAfME Teaching with Primary Sources Curriculum Units for the 2014 Music Standards This unit focuses primarily on the Responding Artistic Process and the Select, Analyze, Interpret, and Evaluate components. By…
Grids
Grid - Simple Grid with Image
Collaborative Ensemble Rehearsals: Tools for Inquiry-Based Learning
Federal Policy Changes in 2025: What Music Educators Need to Know
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.
President Trump Signs Executive Order Aimed at Eliminating the Department of Education
President Trump Signs Executive Order Aimed at Eliminating the Department of Education By Zachary Keita, NAfME Advocacy and Public Policy Communications Manager White House Actions On March 20, President Trump signed a long-awaited…
Finding the Funds: Get Yourself to the NAfME Collegiate Leadership Advocacy Summit
Finding the Funds Get Yourself to the 2025 NAfME Collegiate Leadership Advocacy Summit By Ben Reyes, NAfME Membership Manager Picture this: Washington, DC. Standing on Capitol Hill. Dozens of music…