• Baryonic - a casual template with refreshing default style...
  • ...extensive color setup...
  • ...and lots of features!

Feature Position

This is a module in the feature-a position. With the module class suffix "ct-first-feature" in the position "feature-a", you can use this as introduction for the feature position.

Tablets

Baryonic allows to use a multitude of typography features such as Twitter Bootstrap. Use the built-in styles right away and if you need custom styles (forms, alerts, errors, messages), check out the typography on what's possible!

Read More

Smartphones

Baryonic is a modern Joomla!® 3.x and 2.5 template. With plenty of stunning features such as great design, responsiveness, sticky menus, responsive slider and 4 different menu styles (2x main menu, 1x sticky, 1x mobile).

Read More

Desktops

Baryonic plays well with Joomla! and even extends its user experience. Use the features that ship with this template to add transition effects, use menu item icons or images, add Google Analytics code and set it up the way you like!

Read More

Try Something Else

Try this rock solid template. It's not just about eye candy but it's actually usable, stable, frequently updated and ships with a load of features, so your site will grow with your success!

Powerful Responsive Layout

A responsive layout adapts to the size of the viewing device, such as a desktop, smartphone or tablet, versus showing a separate layout.

Five Modes: Responses for phones, tablets & desktops.

Navigation: Basic select box menu system for smartphones.

Grid System: Responsive structure, up to 6 per row.

Support Classes: Visible & Hide classes for each response modes.

Grid System: Responsive structure, up to 6 per row.

Support Classes: Visible & Hide classes for each response modes.

 

Learn More

Custom Colors

Edit all the colors for this template to match with your corporate color scheme with a few click in the administration panel.

Use tools like Adobe Kuler to find the right color scheme for you if you are unsure and apply it to this template.

Learn More

Baryonic Overview

 

Baryonic introduces a selection of desirable features to its arsenal, such as a responsive layout.

Baryonic effectively offers several main features: extensive custom colors, a responsive slider, 4 different menu styles (2x Main Menu, 1x fixed main menu, 1x mobile menu), a responsive layout and a great administrative interface.

The template is based on the best template framework out there called Gantry and gives you the advantage of years of professional template creation combined with crosstec's style & innovations.

Preset Styles

View all styles live by appending ?presets=preset# or &presets=preset# to the end of your URL such as http://yoursite.com/index.php?presets=preset4.

In sequential order, Preset 1 - Preset 4. Please click on the image to load a live example of each style variation.

About Joomla

What is Joomla?

Joomla is an award-winning content management system (CMS), which enables you to build Web sites and powerful online applications. Many aspects, including its ease-of-use and extensibility, have made Joomla the most popular Web site software available. Best of all, Joomla is an open source solution that is freely available to everyone.

With millions of websites running on Joomla, the software is used by individuals, small & medium-sized businesses, and large organizations worldwide to easily create & build a variety of websites & web-enabled applications.

What Joomla! can do?

Joomla is used all over the world to power Web sites of all shapes and sizes. For example:

  • Corporate Web sites or portals
  • Corporate intranets and extranets
  • Online magazines, newspapers, and publications
  • E-commerce and online reservations
  • Government applications
  • Small business Web sites
  • Non-profit and organizational Web sites
  • Community-based portals
  • School and church Web sites
  • Personal or family homepages

Site and Administrator

Your site actually has two separate sites. The site (also called the front end) is what visitors to your site will see. The administrator (also called the back end) is only used by people managing your site. You can access the administrator by clicking the "Site Administrator" link on the "This Site" menu or by adding /administrator to the end of you domain name.

Log in to the administrator using the username and password created during the installation of Joomla.

Learn More

There is much more to learn about how to use Joomla! to create the web site you envision. You can learn much more at the Joomla! documentation site and on the Joomla! forums.

Visit Joomla!

Module Variations

There are 7 stylistic module class suffixes, these add a unique style variation to the module: box1-3 and title1-4.

Enter any available suffixes at Extensions → Module Manager → Module → Module Class Suffix.

You can compound multiple suffixes together such as: box1 title3.

Bottom Position

Use "ct-first-bottom" to let the first module in position "bottom-a" appear like this. All other following modules in the same and other positions will look like below.

Bottom 1

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Bottom 2

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.

Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor, Lorem Ipsum Dolor.