Sample Sidebar Module

This is a sample module published to the sidebar_top position, using the -sidebar module class suffix. There is also a sidebar_bottom position below the menu.

Sample Sidebar Module

This is a sample module published to the sidebar_bottom position, using the -sidebar module class suffix. There is also a sidebar_top position below the search.
News

  • fr-FR
  • English (UK)

Details
Category: Latest
Hits: 1751

This template is built on the very powerful S5 Vertex Framework, which comes packed with amazing features! Learn More About Vertex...

Every template built on Vertex also comes with its own unique template specific options applicable to that particular template such as highlight colors, social icons, and much more. These features are in addition to the standard functions of Vertex, and are still controlled through the very user friendly interface of Vertex. This page will document the features specific to this template.

Template Specific Configuration Interface of Vertex

Below is a screenshot that shows all the template specific features available in the user friendly Vertex admin:




Custom Highlight Colors

Set your own custom color scheme with the built in highlight color. This color controls menu items, titles, buttons, hover over effects, and much more, the template's script will automatic use several variations of the same color to create gradients. You can set these colors to any color that you want. Below is an example of how this works.




Module Title Highlight Color

By default module titles will be shown with two colors; the first word uses highlight1. You can disable this feature and use a single solid color as well.



Custom Highlight Font

Choose a custom highlight font powered by Google fonts. You can set a custom font for the titles, buttons, and much more. This is used in conjunction with the default site font which is controlled under the Layout tab of Vertex, and controls many other elements as well.




Social Icons

Easily link to a social media site with the built in social icons found in the header of this template. Simply enter the url of your social site in the configuration and the icon will automatically appear. To disable an icon simply leave the url blank for that particular icon.




Uppercase Leters

Choose to enable or disable uppercase letters on most menu items, buttons, titles and more.






Small Menu

The S5 Flex Menu gives you the ability to have subtext on each menu item. If you choose not to use subtext on the first level links simply choose to disable this option and the menu will automatically down size.






Custom 4 Column Width

This template comes with a custom_4 module position that is next to the component and article area. This is a column that is outside the normal layout of Vertex, so it is included in the Template Specific tab. You can set this column to any width that you wish. Please note that it will disable at tablet width, it is intended for desktop view only.

Details
Category: Latest
Hits: 969

This template comes loaded with options that you can use to customize your site exactly how you want it. Here's how to get to these custom settings:

  1. In the backend of Joomla go menu item Extensions/Template Manager.
  2. Click on the title of the template.
  3. This will bring you to the template manager screen where you can edit the template's parameters.
  4. Click save when you are done




I like what I see! I want to JOIN TODAY.

Details
Category: Latest
Hits: 1118
Parallax backgrounds as well as other background options are built directly into the Vertex Framework. Parallax causes the background image of an element to scroll at a different speed than your browser. For an example of this view the homepage of the Velocity template here and watch the background of the top_row1 area as you scroll down the page. This feature is found under "Backgrounds" tab in Vetex, where you can control the background for many areas of your website.

Features:

  • Set the scroll speed of the images
  • Set background repeat style
  • Set background image size, 100%, cover, contain, etc
  • Set custom backgrounds for all s5 rows in the framework.
  • Enable or disable parallax on a per row basis


Admin Area Of The Backgrounds Tab:

parallax menu admin

Details
Category: Latest
Hits: 1049

Note - The tool tips script is by default disabled. If you wish to use it you must enable this script in the template's configuration area. This also includes site shaper installations.

For a tutorial on how to setup this script be sure to view the Vertex Guide on our Tutorials page.


Demo 1:


Demo 2:
Demo 2 Image Tool Tip

Demo 3:
Demo 3 Image Tool Tip

Details
Category: Latest
Hits: 1004
The floating menu feature is a great way for your users to easily navigate your website! The floating menu will show at the top of your browser once the screen reaches a certain point. You can determine the exact point at which this occurs via the template specific area of Vertex. NOTE: This is a Vertex addition and is not guaranteed to work with all Vertex Templates. Some custom CSS may need to be adjusted per template. This feature is not supported by IE7/8.

Features at a glance:

  • Set a background image to the menu, gradient or solid color
  • Set to snap or smooth scroll in
  • Determine at which point as you scroll down your page that the menu drops in
  • and many more features, just check out the screenshot below


Admin area of the Floating Menu:

parallax menu admin
  1. S5 Map it With Google
  2. S5 Vertical Accordion

S5 Accordion Menu

Demo Information

All content and images shown on this site is for demo, presentation purposes only. This site is intended to exemplify a live website and does not make any claim of any kind to the validity of non-Shape5 content, images or posts published.

Photography is used for this demo only, and is not included with this template or any membership. You may not use these images for your own without purchase. Links to purchase from their copyright owners will be provided.

Join Our Newsletter

Signup to hear the latest from our company by joining our newsletter program below.