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.
A Message from the Principal
The 2024 NAfME Collegiate Leadership Advocacy Summit
The Artist’s Digital Portfolio Project
Feed - Grid with Filters - Resources
Sed cursus sit morbi scelerisque curabitur. Vel et mollis fermentum at nunc, pretium.
Protected: San Diego Pride Youth Marching Band
There is no excerpt because this is a protected post.
Grids
Grid - Simple Grid with Image
A Message from the Principal
The 2024 NAfME Collegiate Leadership Advocacy Summit
Town Hall: NAfME Council for Guitar Education
Student-Centered Learning & Instruction in the Modern Band Classroom
Playing Music with Your Brain
Grid - Simple Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Town Hall: NAfME Council for Guitar Education
Playing Music with Your Brain
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. …
Grid - Complex Grid without leadin
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Preparing for Places, Paraphernalia, Practicalities, Processes, and People
Ready for the New Year? Preparing for Places, Paraphernalia, Practicalities, Processes, and People By Deborah A. Confredo President, National Association for Music Education This article appears in the September 2024…
Back to School with NAfME
Top Resources to Kickstart Your Back-to-School Season Explore our highlighted back-to-school resources below to support your year ahead. Whether you’re a seasoned educator or embarking on your first year as…