Set Template Styles with menu items

In Joomla! you can setup different Styles for each installed Template. The change on the Joomla! Frontend can be done e.g. with menu items.

In this example, I show the creation of 2 Template Styles and their assignment to menu items.


Create new Template Styles

Extensions → Templates → select Protostar → Copy

As an example, the default Protostar Style can be renamed to "protostar - blue". In the advanced settings, the template color is #0088cc.

Name a copy of this "protostar - red" and set the Template Color to red e.g. #cc0044.


Menu items with Template Styles

In the desired Joomla! menu add a new entry, e.g. Single post with menu title "Protostar Red" and corresponding Template Style.

Same with the "Protostar Blue" Style.


A simple test on Joomla! Frontend show how it works.


Final Notes

With this steps you can install, create and assign many Templates & Styles. With the menu items you can assign all as you wish.


These modifications were made and tested with Joomla! 3.8.13. your social media marketing partner

Business Hours

Monday - Friday: 14:00 - 18:00
Saturday: 10:00 - 18:00


Sign up to our Newsletter and receive useful informations.

JooWI Online

JooWI 3D BoxJooWI Online ERP is easy, high flexible and optimized for your company.
More informations on JooWI Online.

Order today for 30 days FREE version!


Medialekt eK
Bahnhofstr. 4a
DE-93342 Saal a.d. Donau

Phone: +49 9441 1750403

contact email icon

Medialekt eK (2024) - Your partner for:
Webdesign, Web Development, Webhosting, Server Maintenance, Mediadesign, Mediaprint, IT Hardware & Software, Internet & Networks, Repair & Maintenance, Data Recovery

Medialekt and this site is not affiliated with or endorsed by The Joomla! Project™. Any products and services provided through this site are not supported or warrantied by The Joomla! Project or Open Source Matters, Inc. Use of the Joomla!® name, symbol, logo and related trademarks is permitted under a limited license granted by Open Source Matters, Inc.