Premium Joomla Templates for Joomla 5 and Joomla 6

Diversity 6.1.3 is a major rebuild — the first release of this template under Cybersalt, and the first that is Joomla 6 native. The design is deliberately unchanged: your layout, colours, fonts and menu choices all carry over. What changed is everything underneath, so that Diversity runs cleanly on current Joomla instead of depending on code Joomla has been retiring since version 4.

If you are already running Diversity, install the template package over the top — your template settings are preserved and no re-configuration is needed.

Joomla 6 native

• Diversity now installs and runs on Joomla 6.1 without Joomla's backward-compatibility plugin. That plugin exists to keep very old extension code working, and Joomla 6 requires it switched off before it will allow the upgrade at all. Templates that still need it leave you stuck: turning it off breaks the site, leaving it on blocks the upgrade. Diversity now uses current Joomla APIs throughout and is tested with that plugin disabled.
• The template version matches the Joomla version it is built and tested against — this release is 6.1.3, built for Joomla 6.1.3.

Fixed: interior pages were not getting the template's styling

• Every page except the home page was missing a stylesheet. The modernized stylesheet was being loaded only on pages that carry a slideshow, so article pages, blog layouts, contact pages and the rest fell back to the original desktop-only layout — on a phone they could be dragged sideways, the menu button did not appear, and the header overlapped the content. It now loads on every page, as it always should have.
• The footer no longer prints on top of your article. The decorative panels that draw the shadows down either side of the content column were locking to a fixed height instead of following the text inside them, so on a long page the content overflowed its own panel and the next band painted straight over the end of the article.

Modern framework

• Rebuilt on Bootstrap 5. Diversity previously shipped Bootstrap 2, which Joomla dropped years ago. The grid, buttons, forms and drop-downs now use the framework Joomla itself loads — removing a large duplicate stylesheet from every page and stopping the two versions fighting over your layout.
• Compatibility layer added for jQuery 3.7. Joomla 6 ships jQuery 3.7, which removed several functions templates of Diversity's generation relied on. Without the new compatibility script the slideshow controls and parallax bands stop responding on Joomla 6 — the page looks right but nothing moves.
• Legacy code removed — old jQuery plugin loaders, Internet-Explorer compatibility code and unused stylesheets.
• Login and other pop-ups rebuilt on Joomla's current modal, and the log-in dialog is visible again — on the mixed stack it could open completely transparent, dimming the page around a box you could not see.
• Tooltips and popovers no longer render as invisible empty boxes.

The template Options screen

• All 18 colour settings are real colour pickers with a live preview, instead of plain text boxes needing a hand-typed hex code.
• Every on/off setting is a native Joomla switch, so the Options screen matches the rest of your administrator and works on a phone or tablet.
• The version displays correctly. Extensions → Manage had been reporting a much older version for this template regardless of the build installed.
• A new Favicon tab lets you select any image and have the template build every icon size browsers and devices ask for, with a crop tool for non-square images.
• Tab names and headings tidied, and two headings that were meant to be uppercase now render that way.
• The social-network icons beside the Options fields render properly instead of as blank squares, having moved to the same Font Awesome 6 set as the rest of the template.

Security hardening

• Settings are now escaped before they are written into your page. Colours, sizes, image paths and text taken from the template's Options screen pass through dedicated escaping helpers — 77 places in the template's main file — instead of being printed raw as the original code did. These are administrator-only settings, so this is hardening rather than the closing of an exposed hole: it removes the class of problem where an unexpected character in a setting could break the page or put unintended markup into it.

Log-in and registration pages

• The promotional module rows no longer appear above the log-in and registration forms — those pages now show the form itself.
• Only one log-in form on the log-in page. A second copy had been appearing above it, which on a phone was the one you met first.
• The “Sign in with a passkey” icon renders at normal size. Joomla 6 supplies that icon without a size, and because this template pre-dates that style of icon it expanded to fill the space, appearing as a large dark shape across the log-in area.

Slideshow

• The previous and next arrows can be reached on a touch screen — they had been shown only on mouse-hover, which never happens on a phone or tablet.
• Slide images size correctly instead of overflowing or leaving gaps at some screen widths.

Phones and tablets

• The menu button sits beside the logo and opens an accordion menu below the header, where opening one section closes the others.
• Your logo stays inside the header. On interior pages the logo was being positioned by a fixed distance from the top of a much shorter strip, which dropped it below its own header and buried it under the row of account and social controls — so on a phone the logo effectively disappeared and the log-in link sat over the page text.
• A utility row puts account, register, search and social controls together as properly sized touch targets.
• The search button shows a magnifying glass. It had been rendering as a blank white square on a white background, so on a phone there was nothing to tell you it was the search button at all.
• Stray marks beside the social icons removed — each had picked up a small bullet graphic from the template's general list styling.
• Sub-menus scroll instead of being cut off when a menu is longer than the screen, and the page can no longer be dragged sideways.
• The trail of page names near the top stays on one line instead of wrapping over several, and no longer leaves a band of empty grey behind it.
• The footer menu links no longer disappear on a phone, the “back to top” control is a proper circle rather than a stretched oval, and account and registration fields fill the width of the screen instead of sitting in a narrow column.

Icons, fonts and menus

• Font Awesome 6 replaces the Font Awesome 4 icon set, so icons render as sharp glyphs instead of blank squares.
• The social icons in the header are visible again. The original design hid the text of each social link by pushing it far off the left of the screen and painting a picture behind it; once the icons became real glyphs they inherited that shove and went off-screen with the text.
• The social network set is up to date — X, Facebook, Instagram, Threads, Bluesky, Mastodon, LinkedIn, YouTube, TikTok, Vimeo, Pinterest, Discord and RSS.
• Drop-down menus no longer close before you can reach them. Moving the mouse from a heading down to its drop-down crossed a gap where neither was hovered.
• Previous and next article arrows render again. They rely on an icon set the original stylesheet did not recognise, so the buttons had been showing as bare text.
• Pagination arrows render correctly on article lists and blog layouts, and tall articles are no longer clipped to their title in the featured-article layout.
• The show/hide password control renders as an eye rather than a small dot.

Forms and search

• The search box is a usable size. It had been a roughly 170-pixel panel with a field under 30 pixels tall — cramped on a desktop and unusable on a phone. On phones and tablets it is now a full-width panel directly under the header with a proper touch-sized field, and on a desktop it stays a drop-down under the magnifier but is wide enough to read what you are typing.
• The search field sits centred in its row on full-size screens instead of hugging the top with empty space beneath it, and the search button sits flush against the field rather than drifting away from it.
• Search and text fields keep their proper height. Bootstrap 5 measures a field's box differently from Bootstrap 2, so fields sized by the original design lost their padding out of the declared height.
• The site search now uses Joomla's Smart Search. Diversity had been carrying Joomla 3's search component, removed from Joomla core years ago, which would have caused a fatal error the moment the backward-compatibility plugin was switched off. The search menu item keeps its label and position.

Housekeeping

• Build artefacts and stray files that had been shipping inside the package have been removed, along with a leftover template style left behind by an old migration.
• The Quick Start installs Joomla 6.1.3 and, unlike the older Akeeba-based quick starts, lets you create your own administrator account during installation instead of shipping a shared password.

With thanks to Michael Mullan, whose Expression bug report led to this maintenance pass across our templates.

• Fixed - Template updated to Joomla 4.2