Atomic packs a wide range of options into a lightweight template. Explore every settings tab and all the template positions available to you.
Google PageSpeed Score
Settings Overview
| Settings Tab | Key Features |
|---|---|
| Joomla | Bootstrap source (Joomla/CDN/Bootswatch/Custom), FontAwesome version, jQuery toggle |
| CSS | Custom CSS file loading, CSS custom properties, template-level overrides |
| Typography | Google Fonts for headings and body, font size, line height, font weight |
| Layout | Header columns, content column widths, sticky header, fluid/boxed container |
| Colors | Header/footer background colors, menu alias as body class, body class/ID options |
| Features | Light/dark theme switcher, back-to-top button, Google Analytics/Tag Manager |
| Meta | Open Graph tags, Twitter Cards, social sharing image, favicon |
| Code | Custom code injection: head, before body close, component override |
Template Positions at a Glance
Header Area
alert · header · header-center · header-right
Navigation
topmenu · menu · mobilemenu · sidebar-menu · breadcrumbs
Content Area
hero · abovebody · leftbody · rightbody · belowbody
Extended Areas
main-top · main-bottom
Footer
footer · footer-center · footer-right
Special
debug · error-403 · error-404