Welcome to Atomic — a minimal Joomla template with 50+ settings. Get started
Atomic Template for Joomla
Powerful. Flexible. SEO friendly.

Atomic Template for Joomla

A clean foundation
for any site.

50+ settings, Google Fonts, Bootswatch themes, light/dark mode, and flexible layouts — all from one minimal template.

Get StartedExplore Features
50+
Settings
17
Positions
9
Themes
1500+
Fonts

Atomic is a minimal, admin-friendly Joomla template. Clean defaults, flexible settings, and Bootstrap at the core.

This module is in the leftbody position. Assign any module here to create a left sidebar.

Typography Themes Layout Fonts Bootstrap
Featured
Welcome to your new Joomla site — this is the abovebody position.
Browse articles

Explore Atomic Features

Details
Written by: admin
Category: Atomic
Hits: 5

Atomic packs a wide range of options into a lightweight template. Explore every settings tab and all the template positions available to you.

Settings Overview

Settings TabKey Features
JoomlaBootstrap source (Joomla/CDN/Bootswatch/Custom), FontAwesome version, jQuery toggle
CSSCustom CSS file loading, CSS custom properties, template-level overrides
TypographyGoogle Fonts for headings and body, font size, line height, font weight
LayoutHeader columns, content column widths, sticky header, fluid/boxed container
ColorsHeader/footer background colors, menu alias as body class, body class/ID options
FeaturesLight/dark theme switcher, back-to-top button, Google Analytics/Tag Manager
MetaOpen Graph tags, Twitter Cards, social sharing image, favicon
CodeCustom 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

Ready to build?
This is the belowbody position, below the main content area.
Getting Started Guide

Start with layout and typography, then fine-tune colors and modules. Enable Menu alias as body class in the Colors tab for easy per-page CSS targeting.