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.
Guiding Principles, Frameworks, and Applications for AI in Music Education
Artificial intelligence is rapidly transforming the landscape of music and arts education and the ways in which we work, learn, communicate, create, and interact. To help music educators navigate this…
Kindergarten Curriculum Design: Using the Same Repertoire for Many Purposes
Objectives: Students will use their singing voice and speaking voice. Students will create a shape using pipe cleaners (or yarn). Students will demonstrate melodic contour by singing their shape in…
Grids
Grid - Simple Grid with Image
The DJ as Educator
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.
“Jazz Is the Aspirational Sound of Our Democracy”
“Jazz Is the Aspirational Sound of Our Democracy” An Interview with All-National Honor Jazz Ensemble Conductor Todd Stoll and 2019 Guest Soloist Camille Thurman Todd Stoll was once again the…
Bringing Popular Music to the National Stage
Bringing Popular Music to the National Stage An Interview with 2019 All-National Honor Ensemble Modern Band Conductor Scott Burstein This year the inaugural 2019 All-National Honor Ensemble (ANHE) Modern Band…
45 Years of Guitar Advocacy with the Guitar Foundation of America
Inspiring Artistry, Building Community, and Promoting the Classical Guitar 45 Years of Guitar Advocacy with the Guitar Foundation of America By Thomas Amoriello Jr. NAfME Council for Guitar Education Chair…