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!)
Featured
Dynamic - Featured Event
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Please try a different search.
Feed
Dynamic - Feed - News
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Dynamic - Feed - Awards
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Example Award Three
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…
Example Award Two
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.
Example Award One
Sunt in culpa qui officia deserunt mollit anim id est laborum.
Grids
Dynamic - Grid - Featured Events
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Please try a different search.
Dynamic - Grid - Events Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Please try a different search.
Dynamic - Grid - Resources
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Example Resource Five
Dolor sit amet consectetur adipiscing.
Example Resource Six
Dolor sit amet consectetur adipiscing.
Example Resource Seven
Dolor sit amet consectetur adipiscing.
Dynamic - Grid - People
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Filters
Dynamic - Grid with Filters - Posts
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
ATSS Foundation Receives 2024 ASAE Power of Associations Silver Award
NEWS RELEASE Contact: Maria Robertson ATSSA Director of Marketing & Communications communications@atssa.com ATSS Foundation Receives 2024 ASAE Power of…
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025 Winners include four new recipients, two Chuck Bailey Memorial Scholarships The…
Changes in store for ATSSA’s 2025 Convention & Traffic Expo
Changes in store for ATSSA’s 2025 Convention & Traffic Expo Check out innovative plans for ATSSA’s event in Orlando, Fla….
Relive ATSSA’s 2024 Convention through Convention Extra
Relive ATSSA’s 2024 Convention through Convention Extra Special Section features awards, events and tips from history maker Carey Lohrenz ATSSA’s…
Host the National Work Zone Memorial to honor roadway workers
Host the National Work Zone Memorial to honor roadway workers Recent worker deaths demonstrate risks of roadway work The recent…
Horizon Signal auction raises $38k for the ATSS Foundation
Horizon Signal of Reading, Pa., raised $38,000 for the ATSS Foundation through an online auction during the month of February….
3M raises more than $15K for ATSS Foundation through TZD Pledge Wall
Funds raised this year exceed the 2023 total This year’s Toward Zero Deaths Pledge Wall sponsored by 3M raised $15,813…
ATSSA reveals redesigned website
ATSSA kicks off 2024 with a new website featuring a modern look with intuitive, user-friendly navigation. “The purpose of the…
Dynamic - Grid with Filters - Resources
Tip: This row has the class .open-grid-filters-content
that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.
Example Resource Five
Dolor sit amet consectetur adipiscing.
Example Resource Six
Dolor sit amet consectetur adipiscing.
Example Resource Seven
Dolor sit amet consectetur adipiscing.
Dynamic - Feed - Grid with Filters - Groups
Tip: This row has the class .open-grid-filters-content
that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.
Example Group Five
Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…
Example Group Six
Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…
Example Group Seven
Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…
EXTRAS
Dynamic - Related Content - Posts
Related News
ATSS Foundation Receives 2024 ASAE Power of Associations Silver Award
NEWS RELEASE Contact: Maria Robertson ATSSA Director of Marketing & Communications communications@atssa.com ATSS Foundation Receives 2024 ASAE Power of…
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025 Winners include four new recipients, two Chuck Bailey Memorial Scholarships The…
Changes in store for ATSSA’s 2025 Convention & Traffic Expo
Changes in store for ATSSA’s 2025 Convention & Traffic Expo Check out innovative plans for ATSSA’s event in Orlando, Fla….
Dynamic - Related Content - Events
Related Events
Please try a different search.
Dynamic - Related Content - Resources
Related Resources
Example Resource Five
Dolor sit amet consectetur adipiscing.
Example Resource Six
Dolor sit amet consectetur adipiscing.
Example Resource Seven
Dolor sit amet consectetur adipiscing.