Beautiful Templates for Modern Joomla!® and WordPress Websites

There’s only one parameter in this sub-tab and it allows you to either enable or disable this feature. If this feature is enabled, the selected images will not be visible until they are inside the browser’s window. Once they are in the browser’s window (after page loading or scrolling), a selected animation will start and the images will become visible to the user.

Especially useful on the long web pages, this Sparky feature shows a button image in a corner of your site when visitor starts scrolling it down. Click on the button image will scroll the web page back to top.

Google Fonts contains a collection of hundreds of fonts. They are hosted on Google’s servers. You can use any of these fonts on your site for free. More info about this service on fonts.google.com.

This feature makes a set of links that increase or decrease the font size of your site from the site's front-end. There’s also a link that resets the font size to default value. The Font Resize feature might be useful if your target visitors are people with possible vision problems. Also, if you have a lot of text in a small font size, this feature allows visitors to enlarge it when they find it necessary.

This feature allows you to convert the first row from your layout into a button. When this button is clicked, the entire content of the row will be revealed by sliding it down. When you click the same button again, the first row would become hidden again.

The Branding sub tab contains parameters you can use to establish a branding of your site. These parameters include textual or image logo, the site icons and copyright notice.

It’s possible to use different style on different Joomla pages. Actually, this is not a feature of the Sparky Framework, but a feature of Joomla. We’ll just briefly remind you about it.

This feature allows you to manage frequently used colors for your website and create various color palettes.

There are 6 sub-tabs that allows you to set text style of the various HTML elements. Each of them has similar parameters. These sub-tabs are:

This is one of the sub tabs in the Style tab. It contains parameters that you can use to add color or image background to your site. It also allows you to fine tune the background image appearance.

It’s possible to have different layouts on different Joomla pages. Actually, this is not a feature of the Sparky Framework, but a feature of Joomla. We’ll just briefly remind you about it.

Each row from your layout has a Row Settings button on the left hand side. If you click this button, a modal window will be opened with bunch of parameters that allow you to configure this row.

Gutter is a popular name for the space between two neighbor columns. In the Sparky Framework, it’s also possible to make space between two neighbor rows in the layout grid.

Layout Builder is heart of the Sparky Framework. This is something that saves most of your valuable time. When developing a Joomla template, the most complex and the most time-consuming task is to develop the layout. You need to code a bunch of nested DIV containers, then define dimensions for each of them, write CSS code that will support your layout, and finally put elements inside them (module positions, Joomla content, etc.). Even with CSS frameworks (such as Bootstrap or Foundation), you still need to manually write the code, define dimensions for each element and put elements inside them.

There are 4 types of elements in the Sparky Framework that you can include in your layout. We will explain each element type here.

Once we defined the width of the site, we should start defining the inside area. The first step is defining the Grid System. This parameter is a number between 1 and 24 (including these two numbers). To change the value, drag the slider to the left or to the right to decrease or increase the value.

The first parameter in the Layout tab is Template Width and it determines the maximum width of your site. It’s maximum width because, if responsive mode is enabled, site width will decrease on smaller screens. If responsive mode is disabled, site width will be fixed regardless of the screen size.

The Sparky Framework includes one Joomla template and several Joomla plugins. They all are packed into a single Joomla package file. To uninstall the Sparky Framework completely, you should uninstall the package. This is how to do it.

Sparky Framework uses Joomla Update System to keep Sparky’s template and all plugins up-to-date. When there’s a new version of the template or plugin available, you will see a notification in your Joomla Administration Panel. To update, do the following:

After the installation procedure, your Joomla site will remain unchanged. You will need to activate your new Sparky template and make some settings.