Using the template

After you have successfully installed the template as explained here, we will start by setting RSAria! as the default frontend template.

This is done by heading to Extensions >> Template Manager >> Select RSAria from the template list and click on the "Make Default" button.




RSAria! Configuration


The template's configurable options can be found by going to Extensions >> Template Manager and selecting RSAria from the style column.


Details


  • Color Scheme: RSAria! comes with 11 predefined color schemes. Choose a color that best suits your website.
  • Center Menu: If set to Yes, the menu items will be displayed in the center of the module. If set to No, the menu items will be displayed starting from the left side of the module.
  • Animate "Main Menu": Enables effects in your main menu. If set to No, the menu children will appear instantly instead of having a smooth effect.
  • Sticky Menu: If enabled, when scrolling past the menu, it will automatically become fixed to the top of the window. This will allow your users to quickly access the menu. Only available on desktop version.
  • Use Gravatar: Designed for Content articles, if set to Yes, a Gravatar picture will be displayed next to the article's author
  • Hide Homepage content: If enabled, the home page and the column-right and column-left modules will no longer be displayed.
  • Align vertical top positions: Aligns the Top a, b and c positions vertically.

Advanced Options


  • Load Bootstrap: If you are relying on another extension's Bootstrap, you can set this to No. Otherwise, Bootstrap should always be loaded with this template.
  • jQuery: If there's another extension loading jQuery on your website you can set this to No.
  • Google Font: choose from over 600 Google fonts.
  • Google Font Subset: Select a subset that will be downloaded for the Google Font chosen above
  • Extra CSS Selectors for Google Font Type the extra CSS selectors where you want the font to be used, separated by commas. Example: .my-class, #my-id, .my-second-class
  • Google Analytics property ID: Activate the Google Analytics Tracking Code using the Google Analytics property ID
  • Custom <head> tags: Add the custom tags you need to the head section of the site. The tags you add have to be proper markup validated, otherwise the site may not be displayed well!


Socials Links Options


  • Position: Select the position where you want your social links. Please note that only top positions can be used (Top-a, Top-b and Top-c)
  • Inside position alignment: The alignment of the social links within the selected position. Selectable options are: Left, Center and Right.
  • Text: type the title for the Social Links position.

  • To set Social Links, simply add their related URL:

  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • YouTube
  • Vimeo
  • Flickr
  • Pinterest
  • Skype
  • Yahoo

Template Positions




This feature allows you to re-arrange the template positions. It is represented by a table containing all the positions in their default arrangement. You can only re-arrange entire rows by dragging and dropping them in the desired positions


  • Reset to Default: By clicking on this button, your changes will be reset to the default arrangement.

Sample Data








This tab only incorporates a single button, Install Sample Data. By clicking it, you will install the exact same sample data that we have included on the template's demo website. Note that this is optional, you do not necessarily need to install the sample data.





IMPORTANT:

  • We strongly recommend to install the sample data before adding any menu items or other data on your website.
  • For the sample data to work properly, please make sure to first install both RSMediaGallery! and its Responsive Slideshow Module.
  • To get the best results, please use the rstpl-fullwidth class in the Responsive Slideshow module's configuration (Extensions >> Module Manager >> look for RSMediaGallery! Responsive Slideshow Module and edit it >> add rstpl-fullwidth in the Module Class Suffix field)

Was this article helpful?

Yes No
Sorry about that

You Should Also Read

Template positions

Introduction

Built-in template overrides