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.

Image and Content Fader:

The S5 Image and Content Fader is shown on the homepage in the custom_1 position. You can enter any custom html into each slide. Simply enter the images and into the default fields in the backend of the module. This demo uses 1600x900 images, but you can use any image size; just make sure they are all the same size. Features like size, zoom, slide effects, and others are controlled in the module's backend. The countdown feature is not part of this module, it is controlled under the Theme Specific tab in the template configuration.



Slide1:


Slide2:

Welcome To Our Wedding:

This is a custom html module that is published to the top_row1_1 position. Scroll reveal and the bottom scroll to top button in the template configuration must be enabled for the effects to work.

Large Pictures:

This is a custom html module that is published to the top_row2_1 position. Scroll reveal in the template configuration must be enabled for the effects to work.

Wedding Date:

This is a custom html module that is published to the top_row3_1 position. The background image for this area is controlled under the Main/Layout page of the template configuration.

Wedding Events:

This is a custom html module that is published to the custom_2 position and uses the class suffix "large_title". Scroll reveal in the template configuration must be enabled for the effects to work.

Our Photo Gallery Tab Show:

This S5 Tab Show is published to the below_columns_1 position and uses the class suffix "large_title". Each slide is a custom html module that is published to the s5_tabX positions. There are three layout options for this area, that are shown below. In Tab Show settings there is a field for a custom class, that class is set to "side_buttons". For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show

Registries:

This is a custom html module that is published to the bottom_row1_1 position. Scroll reveal in the template configuration must be enabled for the effects to work.

Quotes Tab Show:

This S5 Tab Show is published to the bottom_row2_1 position and uses the tab show custom class "centered_white". Each slide is a custom html module that is published to the s5_tabX positions. There are three layout options for this area, that are shown below. In Tab Show settings there is a field for a custom class, that class is set to "side_buttons". For setup instructions for S5 Tab Show please visit: http://www.shape5.com/documentation/Joomla/Extensions/S5-Tab-Show

The Story of Us:

This is a custom html module that is published to the custom_3 position and uses the class suffix "large_title". Scroll reveal in the template configuration must be enabled for the effects to work.

Confirmation Quick Contact:

This S5 Quick Contact is published to custom_4 and uses the class suffixes "white_bg centered_title". The background for this area is controlled under the Theme Specific tab in the template configuration.

Social Icons:

This is a custom html module that is published to the custom_5 position. Ion Icons in the template configuration must be enabled for the effects to work.