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.
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.
100 Module Positions
Top Row1 Modules
This is an example of a module published to the top_row_1 row. This row contains 6 modules, read below for a full description.
Top Row2 Modules
This is an example of a module published to the top_row_2 row. This row contains 6 modules, read below for a full description.
Top Row3 Modules
This is an example of a module published to the top_row_3 row. This row contains 6 modules, read below for a full description.
This plugin adds Disqus comments and links to any Joomla article or blog view, it can be demo'd at the bottom of this page. Disqus is a powerful and free comment system that will integrate into any website.
Features at a glance
Specify your Disqus shortname
Select a language
Specify which categories will use the plugin
Specify individual pages to use the plugin
Enable or disable the comments link on the category listing
Enable or disable the comments link on the full article
Enable or disable the comments link on the featured articles
The full page scroll option takes each row of Vertex and sets it to the height of your screen. With the arrow buttons of your keyboard or the vertical scrolling of your mouse the screen will jump to the next section. Each row that has modules published to it will show as the full height of your screen. To demo this check out the homepage of this demo. You can enable on the homepage only or have it show on all pages. We recommend that it shows only on the homepage.
You can place the below code on any DIV directly as a child to <div id="s5_body_padding"> and it will make it show up full screen.
class="s5_slidesection"
The below screenshot shows the admin area under the "layout" area of Vertex. You simply start adding names for the row names and then it will be enabled. Be sure to separate them by commas. You can enable the full page scroll to just show on the homepage only.
Fullscreen scroll navigation that shows on the right hand side of yoursite:
Occasionally we need to use custom HTML to obtain the layouts shown on our demos in specific modules. The code below is what was used on this template. It is best to enter this code directly into the HTML editor function of your editor. Some area may require that you enable the Ion Icons (Under General) and Scroll Reveal (Under Javascripts) features in the template configuration.
Logo and inverted colors:
We published 2 images to the "logo" position for this theme. The first image is the blue circle icon and the second is the text. On the text we put a CSS class that inverts the colors when the floating menu drops down. So instead of white it shows up black. Below is the code and you can see the CSS class that can be added to invert the colors of your logo or text.
The menu here is just the standard flex menu but we simply added an image via the menu manager. We coded the CSS in such a way the images show centered and above each menu item. We recommend using images around 60x60 pixels.
Right slide in Menu:
These are custom html modules that are published to the custom_5 position. There is a standard menu module and then 2 custom HTML modules published below the menu. The menu and middle custom HTML use the suffix "underline"
<div class="s5menuicon_left">
Daily Devotionals
<span class="s5menusubtext">Right from the pastors desk</span>
</div>
Welcome! We’re glad to have you with us at Lighthouse Church. Here at Lighthouse Church, our message and mission is simply, to help connect people to the Way, the Truth and Life, Jesus. In the Bible God says good works can’t save us and that no one is good enough to go to heaven. So what do we do?
<br><br>
<a class="readon" href="/lightchurch/index.php/extensions/s5-image-and-content-fader">Find Out</a>
Top Row 3:
Listen to Sermons
<i class="s5icon ion-ios-mic"></i>
<h5 class="uppercase">Listen to Sermons</h5>
Missed a sermon? No problem!
Get the latest teachings from here.
<br>
<a class="readon" href="index.php/features-mainmenu-47/pages/sermons" style="margin-top:24px;">Sermon Directory</a>
This is a custom HTML module published to the top_row2_1 position with a background image set to it and a class suffix of "largetitle white center".
A walk through the book of Proverbs on wisdom.
<br><br>
<a class="readon" href="/lightchurch/index.php/extensions/s5-image-and-content-fader">Latest Podcats <i class="ion-ios-cloud-download-outline"></i></a>
Can't Find Something:
This is a custom HTML module published to the top_row2_1 position. It uses the module suffix of "largetitle center"
<span class="s5_width50"><h3 class="lineheight">Looking for a place to connect or grow?</h3></span>
<br/>
<a class="readon s5_highlight1" href="/lightchurch/index.php/extensions/s5-image-and-content-fader">Let Us Help</a>
Our Meeting Locations
This area uses the S5 Tab Show module, which is published to the custom_3 position. For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show. The module uses the suffix of "largetitle white" and the background image on the right side is set in the theme specific area of the template. Below is the example code that is published to all three tab show positions.
<div class="addresstime_left">
<h4>Our Address</h4>
<span>
Rockville Market Center<br>
8615 W Kelton Lane #310<br>
Peoria, AZ 85382
</span>
<br><br><br>
<a class="readon" href="https://www.google.com/maps/place/Calvary+Chapel/@39.9750624,-75.1612614,17z/data=!3m1!4b1!4m5!3m4!1s0x89c6c7dec70ddfa9:0xa918d409420ec114!8m2!3d39.9750583!4d-75.1590727" target="_blank">View on Map <i class="ion-android-pin"></i></a>
</div>
This is the S5 Instagram module published to the "bottom_row1_1" position with a gray background set to the row in the Vertex layout area. The text on the right is a custom HTML module published to the "bottom_row1_2" position with the below code:
Bottom Row 1_2:
<br>
<span class="textright uppercase"><h3 class="lineheight">Follow us
on Instagram</h3>
<span class="instagram_tag">
@light_church</span></span>
Outreach We Serve:
This is a custom HTML module published to the custom_4 module position with the below code. The background image on the left is set in the Vertex theme specific area. The module is using a suffix of "largetitle white"
Service is the overflow of discipleship. It seeks to extend God’s grace and mercy to others for His glory and not our own. We serve as an expression of love and stewardship of grace, marked by humility, generosity and hospitality.
<br><br>
<a href="/lightchurch/index.php/features-mainmenu-47/template-specific-features" class="readon right">Give Online</a>
<a href="/lightchurch/index.php/features-mainmenu-47/template-specific-features" class="readon">Become a volunteer</a>
S5 MailChimp:
This area consists of three modules. The custom HTML text on the left and the mailchimp module published below it to the bottom_row2_1 with a suffix of "largetitle right". The mailchimp module is simply published below this. On the right side the image is published to a custom HTML module with the below code.
<img src="images/tabletimage.png" alt=""/>
Social Icons:
This is a custom HTML module published to the custom_6 position.
