Using the template

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

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


Menus:

Main Menu

Once the menu has been created with your desired links, to add the frontend main menu follow these steps:

  1. Go to Menus > Menu Manager.
  2. Select your main menu from the "Modules Linked" dropdown on Joomla! 3.x.
  3. Choose the main-menu RSEvento! position and the pages you want it to be displayed(usually on all pages).
  4. Go to Advanced Options and set Alternative Layout to responsive(from RSEvento! template).

Secondary Menu (optional)

If you wish to add a secondary menu to your website follow these steps:

  1. Go to Menus > Menu Manager.
  2. Select your secondary menu from the "Modules Linked to the Menu" column.
  3. Choose the column-left or column-right RSEvento! position and the pages you want it to be displayed.
Tip:

All template positions are explained here.


RSEvento! Configuration

The templates configurable options can be found by going to Extensions > Template Manager and selecting RSEvento! from the style column.

Basic Options

  • Color Scheme: RSEvento! comes with predefined color schemes. Choose a colour 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.
  • 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.
  • Menu Compatibility for Tablets: Enables dropdown menu compatibility with high resolution tablets (such as iPad), when being hold in landscape mode. This will allow your visitors to click on submenus.

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.

  • Load jQuery: If there's another extension loading jQuery on your website you can set this to No.


  • 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

Logo Options

  • Position: Select the position where you want your logo to appear. Please note that only top positions can be used (left, middle, right).
  • Fluid Logo: Yes / No - set to Yes to make the top a, b and c positions fluid (if only one of them is used, it will be streched to cover the other 2 positions' space as well. If 2 are used, the remaining space will be divided between them).
  • Appearance: Set the appearance of the logo either by text or image.
  • Link: Specify a link for the logo.
  • CSS class: You can add a custom CSS class to the logo container. Leave blank if not needed.
  • Text Options
  • Text: Type your desired text, this will appear in the logo position.
  • Text alignment: set the text alignment (left, center, right).
  • Heading size: the heading size used for the logo text. Typically <h1> tag is a good idea.
  • Color: Select which color you'd like to use for your text (Blank, Primary, Secondary). Primary and Secondary are taken from the selected color scheme of the template.
  • Image Options
  • Image: select the image to be used as your logo.
  • Image alignment: select the image alignment (left, center, right).

Socials Links Options

  • Position: Select the position where you want your social links. Please note that only bottom positions can be used (left, middle, right)
  • Inside position alignment: The alingment 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 according URL:


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


Sample Data


This tab only incorporates a single button, Install Sample Data. By clicking it, you will install a similar sample data as 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.

2 persons found this article helpful.


Was this article helpful?

Yes No
Sorry about that

You Should Also Read

Template positions

Introduction