Atomic is a clean, minimal Joomla template with 50+ settings, flexible layouts, and Bootstrap 5.3 at its core. This sample data gives you a ready-to-use starting point.
50+ Settings
Typography, colors, layout columns, sticky header, social meta, and custom code injection — all from the template options.
Bootswatch Themes
Switch between built-in Bootswatch themes or load your own custom Bootstrap build with a single setting.
Google Fonts
Choose any Google Font for headings and body text. Atomic loads them automatically via CSS custom properties.
How This Page Is Built
What you are reading is the component output area — the main content rendered by Joomla's article system. Everything around it (the header links, navigation, sidebar, footer) is powered by modules assigned to Atomic template positions.
To manage modules, go to Content → Site Modules. To configure the template itself, visit System → Site Templates → Atomic.
Everything You Need
Atomic gives you a complete set of tools to build any Joomla site. Here is what is included:
Bootstrap Source
Joomla-provided, CDN, Bootswatch themes, or your own custom build.
Theme Switcher
Built-in light/dark/auto mode toggle that respects user preference.
Google Fonts
Choose any Google Font for headings and body via CSS custom properties.
Layout Config
Header columns, content column widths, sticky header, and fluid container.
Social Meta
Open Graph and Twitter Card tags configured from a single settings tab.
Custom Code
Inject code into head, before body close, or override the component area.
Key Positions
| Position | Purpose | Typical Use |
|---|---|---|
hero |
Full-width area above the content columns | Hero banner |
abovebody |
Between hero and content columns | Featured content |
leftbody / rightbody |
Sidebars flanking the main content | Sidebar widgets |
belowbody |
Below the content columns | Call to action |
footer / footer-center / footer-right |
Three-column footer area | Site footer |