Scroll
Current
PRRA Info
Community Info
Security
Estate Agents
Environment
K60
Contact Us
Emergencies
Search ...
Current
PRRA Info
Community Info
Security
Estate Agents
Environment
K60
Contact Us
Emergencies
Search ...
0
1
2
3
4
5
Save
Cancel
Template Settings
Template Width Settings
Option to allow you to set the
Width
of your
Template
.
Example:
Enter value 960 for 960px width.
Template Width
Body Style Settings
Select a
Background Color
or Select a
Body Background Image
for the body.
See Examples -
Body Background
Body Color
Load Background Image
No
Yes
Select Background Image
Select
Block Holder Padding
Option to allow you to add padding around all content blocks.
NOTE:
This is useful when you are using a
Body Background Image
or
Container Background Images
. It allows you to move the content in from the edges of the wrappers.
See Example -
Block Holder Padding
Block Holder Padding
5px
10px
20px
30px
40px
50px
60px
70px
80px
Font Face Settings
Body Font Size
Small
Medium
Large
Body Font
--------Web Safe Fonts--------
Arial
Courier
Garamond
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
----------Google Fonts----------
Allan
Allerta
Allerta Stencil
Anonymous Pro
Anton
Arimo
Arvo
Astloch
Bentham
Bevan
Buda
Cabin
Calligraffitti
Cantarell
Cardo
Carme
Cherry Cream Soda
Chewy
Coda
Coming Soon
Comfortaa
Copse
Corben
Cousine
Covered By Your Grace
Crafty Girls
Crimson Text
Crushed
Cuprum
Dancing Script
Droid Sans
Droid Sans Mono
Droid Serif
Expletus Sans
Fontdiner Swanky
Geo
Goudy Bookletter 1911
Gruppo
Homemade Apple
Helvetica
IM Fell
Inconsolata
Irish Growler
Josefin Slab
Josefin Sans
Josefin Sans Std Light
Just Another Hand
Just Me Again Down Here
Kenia
Kranky
Kreon
Kristi
Lato
Lekton
Lobster
Luckiest Guy
Mako
Meddon
Merriweather
Molengo
Mountains of Christmas
Neucha
Neuton
Nobile
OFL Sorts Mill Goudy TT
Old Standard TT
Open Sans
Open Sans Condensed:300
Orbitron
Oswald
Permanent Marker
Philosopher
Poiret One
PT Sans
PT Serif
Puritan
Questrial
Radley
Raleway
Reenie Beanie
Rock Salt
Sans-Serif
Schoolbell
Slackey
Sniglet
Sunshiney
Syncopate
Tangerine
Tinos
Ubuntu
UnifrakturCook
UnifrakturMaguntia
Unkempt
Vibur
Vollkorn
VT323
Walter Turncoat
Yanone Kaffeesatz
Article Head font
--------Web Safe Fonts--------
Arial
Courier
Garamond
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
----------Google Fonts----------
Allan
Allerta
Allerta Stencil
Anonymous Pro
Anton
Arimo
Arvo
Astloch
Bentham
Bevan
Buda
Cabin
Calligraffitti
Cantarell
Cardo
Carme
Cherry Cream Soda
Chewy
Coda
Coming Soon
Comfortaa
Copse
Corben
Cousine
Covered By Your Grace
Crafty Girls
Crimson Text
Crushed
Cuprum
Dancing Script
Droid Sans
Droid Sans Mono
Droid Serif
Expletus Sans
Fontdiner Swanky
Geo
Goudy Bookletter 1911
Gruppo
Homemade Apple
Helvetica
IM Fell
Inconsolata
Irish Growler
Josefin Slab
Josefin Sans
Josefin Sans Std Light
Just Another Hand
Just Me Again Down Here
Kenia
Kranky
Kreon
Kristi
Lato
Lekton
Lobster
Luckiest Guy
Mako
Meddon
Merriweather
Molengo
Mountains of Christmas
Neucha
Neuton
Nobile
OFL Sorts Mill Goudy TT
Old Standard TT
Open Sans
Open Sans Condensed:300
Orbitron
Oswald
Permanent Marker
Philosopher
Poiret One
PT Sans
PT Serif
Puritan
Questrial
Radley
Raleway
Reenie Beanie
Rock Salt
Sans-Serif
Schoolbell
Slackey
Sniglet
Sunshiney
Syncopate
Tangerine
Tinos
Ubuntu
UnifrakturCook
UnifrakturMaguntia
Unkempt
Vibur
Vollkorn
VT323
Walter Turncoat
Yanone Kaffeesatz
Module Head font
--------Web Safe Fonts--------
Arial
Courier
Garamond
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
----------Google Fonts----------
Allan
Allerta
Allerta Stencil
Anonymous Pro
Anton
Arimo
Arvo
Astloch
Bentham
Bevan
Buda
Cabin
Calligraffitti
Cantarell
Cardo
Carme
Cherry Cream Soda
Chewy
Coda
Coming Soon
Comfortaa
Copse
Corben
Cousine
Covered By Your Grace
Crafty Girls
Crimson Text
Crushed
Cuprum
Dancing Script
Droid Sans
Droid Sans Mono
Droid Serif
Expletus Sans
Fontdiner Swanky
Geo
Goudy Bookletter 1911
Gruppo
Homemade Apple
Helvetica
IM Fell
Inconsolata
Irish Growler
Josefin Slab
Josefin Sans
Josefin Sans Std Light
Just Another Hand
Just Me Again Down Here
Kenia
Kranky
Kreon
Kristi
Lato
Lekton
Lobster
Luckiest Guy
Mako
Meddon
Merriweather
Molengo
Mountains of Christmas
Neucha
Neuton
Nobile
OFL Sorts Mill Goudy TT
Old Standard TT
Open Sans
Open Sans Condensed:300
Orbitron
Oswald
Permanent Marker
Philosopher
Poiret One
PT Sans
PT Serif
Puritan
Questrial
Radley
Raleway
Reenie Beanie
Rock Salt
Sans-Serif
Schoolbell
Slackey
Sniglet
Sunshiney
Syncopate
Tangerine
Tinos
Ubuntu
UnifrakturCook
UnifrakturMaguntia
Unkempt
Vibur
Vollkorn
VT323
Walter Turncoat
Yanone Kaffeesatz
Hornav Menu font
--------Web Safe Fonts--------
Arial
Courier
Garamond
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
----------Google Fonts----------
Allan
Allerta
Allerta Stencil
Anonymous Pro
Anton
Arimo
Arvo
Astloch
Bentham
Bevan
Buda
Cabin
Calligraffitti
Cantarell
Cardo
Carme
Cherry Cream Soda
Chewy
Coda
Coming Soon
Comfortaa
Copse
Corben
Cousine
Covered By Your Grace
Crafty Girls
Crimson Text
Crushed
Cuprum
Dancing Script
Droid Sans
Droid Sans Mono
Droid Serif
Expletus Sans
Fontdiner Swanky
Geo
Goudy Bookletter 1911
Gruppo
Homemade Apple
Helvetica
IM Fell
Inconsolata
Irish Growler
Josefin Slab
Josefin Sans
Josefin Sans Std Light
Just Another Hand
Just Me Again Down Here
Kenia
Kranky
Kreon
Kristi
Lato
Lekton
Lobster
Luckiest Guy
Mako
Meddon
Merriweather
Molengo
Mountains of Christmas
Neucha
Neuton
Nobile
OFL Sorts Mill Goudy TT
Old Standard TT
Open Sans
Open Sans Condensed:300
Orbitron
Oswald
Permanent Marker
Philosopher
Poiret One
PT Sans
PT Serif
Puritan
Questrial
Radley
Raleway
Reenie Beanie
Rock Salt
Sans-Serif
Schoolbell
Slackey
Sniglet
Sunshiney
Syncopate
Tangerine
Tinos
Ubuntu
UnifrakturCook
UnifrakturMaguntia
Unkempt
Vibur
Vollkorn
VT323
Walter Turncoat
Yanone Kaffeesatz
Button Styling
Select the
Background Color
and
Text Color
for buttons.
See Example -
Button Styling
Button Background Color
Button Text Color
Email/Print Button Group Styling
Select the
Background Color
and
Text Color
for Email/Print button group.
See Example -
Email/Print Button Styling
Email/Print Button Group Background Color
Email/Print Button Group Text Color
Input Boxes Styling
Select the
Background Color
and
Text Color
for all
Input Boxes
.
See Example -
Input Box Styling
Inputs Background Color
Inputs Text Color
Tags Styling
Select the
Background Color
and
Text Color
for
Tags
.
See Example -
Tags Styling
Tags Background Color
Tags Text Color
Hornav Menu Settings
Select the Menu you want in the
Navigation Bar
in the
Header
. Select colors for Menu elements.
See Example -
Hornav Menu Styling
Select Hornav menu
About Us
Main Menu
User Menu
Hornav Link Background Color
Hornav Link Color
Hornav Link Hover Color
Dropdown Background Color
Dropdown Link Color
Dropdown Link Hover Color
Logo Image Settings
To create your own logo image simply edit the
logo.psd
supplied with your template download package and save it as
logo.jpg
in your joomla administration
Media Manager
. Now in the
Select Logo Image
parameter select your
logo.jpg
from the
Media Manager
. Logo can be positioned using the
Logo Position Settings
below.
Select Logo Image
Select
Logo Image On
No
Yes
Logo As Text Settings
If you do not wish to use an image for your Logo then you can simply add a
Text Logo
and
Slogan
below in the fields provided. Set
Logo Image On
to
No
in the
Logo Image Settings
. Logo can be positioned using the
Logo Position Settings
below.
Logo text
Logo font
--------Web Safe Fonts--------
Arial
Courier
Garamond
Georgia
Impact
Lucida Console
Lucida Sans Unicode
MS Sans Serif
MS Serif
Palatino Linotype
Tahoma
Times New Roman
Trebuchet MS
Verdana
----------Google Fonts----------
Allan
Allerta
Allerta Stencil
Anonymous Pro
Anton
Arimo
Arvo
Astloch
Bentham
Bevan
Buda
Cabin
Calligraffitti
Cantarell
Cardo
Carme
Cherry Cream Soda
Chewy
Coda
Coming Soon
Comfortaa
Copse
Corben
Cousine
Covered By Your Grace
Crafty Girls
Crimson Text
Crushed
Cuprum
Dancing Script
Droid Sans
Droid Sans Mono
Droid Serif
Expletus Sans
Fontdiner Swanky
Geo
Goudy Bookletter 1911
Gruppo
Homemade Apple
Helvetica
IM Fell
Inconsolata
Irish Growler
Josefin Slab
Josefin Sans
Josefin Sans Std Light
Just Another Hand
Just Me Again Down Here
Kenia
Kranky
Kreon
Kristi
Lato
Lekton
Lobster
Luckiest Guy
Mako
Meddon
Merriweather
Molengo
Mountains of Christmas
Neucha
Neuton
Nobile
OFL Sorts Mill Goudy TT
Old Standard TT
Open Sans
Open Sans Condensed:300
Orbitron
Oswald
Permanent Marker
Philosopher
Poiret One
PT Sans
PT Serif
Puritan
Questrial
Radley
Raleway
Reenie Beanie
Rock Salt
Sans-Serif
Schoolbell
Slackey
Sniglet
Sunshiney
Syncopate
Tangerine
Tinos
Ubuntu
UnifrakturCook
UnifrakturMaguntia
Unkempt
Vibur
Vollkorn
VT323
Walter Turncoat
Yanone Kaffeesatz
Logo Text Color
Slogan text
Slogan Text Color
Logo Position Settings
Logo can be positioned using the
X
and
Y
parameters.
Example:
Enter value 20 for
X
to move Logo 20px along X-axis. Enter value 20 for
Y
to move Logo 20px Along Y-axis.
X Position
Y Position
Toggle
the
Social Icons
you require to
On
. Enter the link to the
Social page
in the field provided. Example http://www.joomlage.com to link to
Joomlage.com
RSS Feed
No
Yes
RSS Feed Url
Twitter
No
Yes
Twitter Url
Facebook
No
Yes
Facebook Url
Google
No
Yes
Google Url
YouTube
No
Yes
YouTube Url
Pinterest
No
Yes
Pinterest Url
Dribbble
No
Yes
Dribbble Url
Flickr
No
Yes
Flickr Url
Skype
No
Yes
Skype Url
LinkedIn
No
Yes
LinkedIn Url
Vimeo
No
Yes
Vimeo Url
Yahoo
No
Yes
Yahoo Url
Tumblr
No
Yes
Tumblr Url
Deviantart
No
Yes
Deviantart Url
Delicious
No
Yes
Delicious Url
Header Margins Left/Right
Option to allow you to add margin to left and right of header.
Note:
This can be useful if you decide to adjust the
block holder padding
in the
Global Template Styling
parameters. It will allow you to bring all the elements in the header inline with the content in all Wrappers.
See Example -
Header Margins Left/Right
Margins Left and Right
0px
5px
10px
15px
20px
25px
30px
35px
40px
45px
50px
55px
60px
65px
70px
75px
80px
Social Icons Settings
Social Icons Style
Light
Dark
Search Box Settings
Show Search
No
Yes
Search Box Position from Right
Search Box Position from Top
Search Box Color
Search Box Text Color
Header Custom Module Styling
Note:
These controls only apply if you have a
Custom html Module
created in the
Module Manager
and the
Modules Position
set to
Custom
. This can be useful for displaying a phone number, email address or a link or some other text in the header block.
To Create a Custom Html Module
----------------------------------------------------
1: In the
Module Manager
click
New
and select
Custom html Module
from the list provided.
2: Set
Status
to
Published
3: Set
Title
to
Hide
4: Set
Postion
to
Custom
5: Under the
Custom Output tab
add the text you want to display.
6: Use the Options below to
Style
and
Position
the module.
Position from Right
Position from Top
Text Color
Link Color
Link Hover Color
Slideshow Layout
NOTE:
The
Full Width
or
Boxed
option will only work for the slideshow included with the template.
To Configure the Slideshow
----------------------------------------------------
1: Install the
slideshow module
that came with your download.
2: Set
Status
to
Published
3: Set
Title
to
Hide
4: Set
Postion
to
showcase
See Example -
Slideshow Demo
Slideshow Fullwidth or Boxed
Fullwidth
Boxed
Navigation Color Settings
NOTE:
This will only work with the slideshow included with the template. The
Slideshow Navigation
runs along the bottom of the slideshow.
- For a solid color select a
Navigation Background Color
and set
Slideshow Navigation Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Slideshow Navigation Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Slideshow Navigation Opacity/Color
Navigation Background Color
Slideshow Navigation Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Background Styling
Option to allow you to add a background image to the container.
Note:
The image you upload will be stretched to fill the container from left to right.
See Example -
Container Background
Load Image
No
Yes
Select Background Image
Select
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Slideshow Container Color
Slideshow Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
90px
100px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
90px
100px
Background Styling
Option to allow you to add a background image to the container.
Note:
The image you upload will be stretched to fill the container from left to right.
See Example -
Container Background
Load Image
No
Yes
Select Background Image
Select
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Container Color
Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Wrapper Color Settings
NOTE:
The Wrapper is the area that contains the blocks content.
- For a solid color select a
Wrapper Color
and set
Wrapper Opacity
to
No Opacity
.
- If you do not want a color used then select
Transparent
in the
Wrapper Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
.
See Example -
Wrapper Opacity/Color
Wrapper Color
Wrapper Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Text/Link Color Settings
Applied to all
Text
and
Links
apart from
Menu Links
which are styled below.
Text Color
Link Color
Link Hover Color
Module Color Settings
Applied to all
Module Heads
in the Container.
See Example -
Module Head Style
Module Head Color
Module Head Color On
No
Yes
Module Head Text Color
Module Head Padding
This allows you to add Padding to the
Left
and
Right
of the Module Heads in this container. This is useful for the following reasons. If you decide to use a
Background Color
in the
Module Head
then you will need
Padding
to move the text in from the edge of the module. If you decide to have
No Background Color
in the
Module Head
then you can set
Padding
to
0px
to bring
Module Head Text
inline with the
Module Content
.
See Example -
Module Head Padding
Module Head Padding
No Padding
5px
6px
7px
8px
9px
10px
Menus Color Settings
Applied to all
Menu Modules
in the Container
Menu Link Color
Menu Link Hover Color
Background Styling
Option to allow you to add a background image to the container.
Note:
The image you upload will be stretched to fill the container from left to right.
See Example -
Container Background
Load Image
No
Yes
Select Background Image
Select
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Container Color
Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Wrapper Color Settings
NOTE:
The Wrapper is the area that contains the blocks content.
- For a solid color select a
Wrapper Color
and set
Wrapper Opacity
to
No Opacity
.
- If you do not want a color used then select
Transparent
in the
Wrapper Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
.
See Example -
Wrapper Opacity/Color
Wrapper Color
Wrapper Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Text/Link Color Settings
Applied to all
Text
and
Links
apart from
Menu Links
which are styled below.
Article Title Color
Text Color
Link Color
Link Hover Color
Module Color Settings
Applied to all
Module Heads
in the Container.
See Example -
Module Head Style
Module Head Color
Module Head Color On
No
Yes
Module Head Text Color
Module Head Padding
This allows you to add Padding to the
Left
and
Right
of the Module Heads in this container. This is useful for the following reasons. If you decide to use a
Background Color
in the
Module Head
then you will need
Padding
to move the text in from the edge of the module. If you decide to have
No Background Color
in the
Module Head
then you can set
Padding
to
0px
to bring
Module Head Text
inline with the
Module Content
.
See Example -
Module Head Padding
Module Head Padding
No Padding
5px
6px
7px
8px
9px
10px
Menus Color Settings
Applied to all
Menu Modules
in the Container
Menu Link Color
Menu Link Hover Color
Background Styling
Option to allow you to add a background image to the container.
Note:
The image you upload will be stretched to fill the container from left to right.
See Example -
Container Background
Load Image
No
Yes
Select Background Image
Select
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Container Color
Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Wrapper Color Settings
NOTE:
The Wrapper is the area that contains the blocks content.
- For a solid color select a
Wrapper Color
and set
Wrapper Opacity
to
No Opacity
.
- If you do not want a color used then select
Transparent
in the
Wrapper Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
.
See Example -
Wrapper Opacity/Color
Wrapper Color
Wrapper Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Text/Link Color Settings
Applied to all
Text
and
Links
apart from
Menu Links
which are styled below.
Text Color
Link Color
Link Hover Color
Module Color Settings
Applied to all
Module Heads
in the Container.
See Example -
Module Head Style
Module Head Color
Module Head Color On
No
Yes
Module Head Text Color
Module Head Padding
This allows you to add Padding to the
Left
and
Right
of the Module Heads in this container. This is useful for the following reasons. If you decide to use a
Background Color
in the
Module Head
then you will need
Padding
to move the text in from the edge of the module. If you decide to have
No Background Color
in the
Module Head
then you can set
Padding
to
0px
to bring
Module Head Text
inline with the
Module Content
.
See Example -
Module Head Padding
Module Head Padding
No Padding
5px
6px
7px
8px
9px
10px
Menus Color Settings
Applied to all
Menu Modules
in the Container
Menu Link Color
Menu Link Hover Color
Background Styling
Option to allow you to add a background image to the container.
Note:
The image you upload will be stretched to fill the container from left to right.
See Example -
Container Background
Load Image
No
Yes
Select Background Image
Select
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Container Color
Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Wrapper Color Settings
NOTE:
The Wrapper is the area that contains the blocks content.
- For a solid color select a
Wrapper Color
and set
Wrapper Opacity
to
No Opacity
.
- If you do not want a color used then select
Transparent
in the
Wrapper Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
.
See Example -
Wrapper Opacity/Color
Wrapper Color
Wrapper Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Text/Link Color Settings
Applied to all
Text
and
Links
apart from
Menu Links
which are styled below.
Text Color
Link Color
Link Hover Color
Module Color Settings
Applied to all
Module Heads
in the Container.
See Example -
Module Head Style
Module Head Color
Module Head Color On
No
Yes
Module Head Text Color
Module Head Padding
This allows you to add Padding to the
Left
and
Right
of the Module Heads in this container. This is useful for the following reasons. If you decide to use a
Background Color
in the
Module Head
then you will need
Padding
to move the text in from the edge of the module. If you decide to have
No Background Color
in the
Module Head
then you can set
Padding
to
0px
to bring
Module Head Text
inline with the
Module Content
.
See Example -
Module Head Padding
Module Head Padding
No Padding
5px
6px
7px
8px
9px
10px
Menus Color Settings
Applied to all
Menu Modules
in the Container
Menu Link Color
Menu Link Hover Color
Container Color Settings
Note:
The
Container
spans the
full width
of the users device.
- For a solid color select a
Container Color
and set
Container Opacity
to
No Opacity
.
- For no color then select
Transparent
in the
Container Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
. This creates a nice effect when you have a
background image
uploaded for this container or a
body background image
uploaded and turned on in the
Global Template Styling
parameters.
See Example -
Container Opacity/Color
Container Color
Container Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Container Padding
This allows you to add Padding to the
Top
and
Bottom
of the Container.
See Example -
Container Padding
Container Padding Top
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Container Padding Bottom
No Padding
10px
20px
30px
40px
50px
60px
70px
80px
Wrapper Color Settings
NOTE:
The Wrapper is the area that contains the blocks content.
- For a solid color select a
Wrapper Color
and set
Wrapper Opacity
to
No Opacity
.
- If you do not want a color used then select
Transparent
in the
Wrapper Opacity
.
- For a nice transparency effect set value anywhere form
0.1
to
0.9
.
See Example -
Wrapper Opacity/Color
Wrapper Color
Wrapper Opacity
No Opacity
Transparent
0.1
0.2
0.3
0.4
0.5
0.6
0.7
0.8
0.9
Text/Link Color Settings
Applied to all
Text
and
Links
apart from
Menu Links
which are styled below.
Text Color
Link Color
Link Hover Color
Copyright
Copyright
Footer Menu Settings
Select the Menu you want in the Footer of your website. Set
Show Footer Menu
to
Yes
or
No.
NOTE:
No
Sub Menu
items will be displayed in the
Footer Menu
Show Footer Menu
No
Yes
Select Footer menu
About Us
Main Menu
User Menu
Footer Menu Color Settings
Applied to all
Menu items
in the Footer Menu
Menu Link Color
Menu Link Hover Color
Instructions
1: Choose your desired
layout
from the dropdown list. This is applied in the
Main Content Block
where your articles and
side columns
are.
2: Enter widths for
Side Column A
and
Side Column B.
Note that widths are in percentages.
Example:
For 25% enter the value
25
and not
25%
See Example -
Layouts
Side Column Layout
Side Column A + Side Column B + Component
Side Column A + Component + Side Column B
Component + Side Column A + Side Column B
Side Column A Width
Side Column B Width
Instructions
- Toggle
Enable Manual Widths
to
ON
if you wish to manually size module widths.
- Toggle
Enable Manual Widths
to
OFF
for auto module widths. All modules in the row are sized equally.
- If using
Manual Widths
enter
Module Widths
for each module in the row.
NOTE:
Total value of
Module Widths
in row must equal
100
Top 1 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Top 2 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Content Top Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Content Bottom Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Bottom 1 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Bottom 2 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Base 1 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Base 2 Module Width Settings
Enable Manual Widths
No
Yes
Manual Widths (%)
Enter your custom css in the area provided.
Custom css
#search .inputbox { height:28px !important; }
- If your Custom code has to be within the
Head Tags
of your index.php then simply
paste
the code into the
Head Custom Code
text area provided.
Head Custom Code
- If your Custom code has to be within the
Body Tags
of your index.php then simply
paste
the code into the
Body Custom Code
text area provided.
Body Custom Code
Responsive On/Off
-
Toggle
Responsive layout
on/off
. If turned on you will have responsive layout. This means the template will adjust to suit the screen resolution of the device the end user has. On smaller devices it allows for a better layout and menu navigation. If turned off the site will display the same on all devices.
See Example -
Responsive Layout
Responsive layout
No
Yes
Mobile Logo Image Settings
-
Toggle
Mobile Logo
on/off
- Select a logo image for small mobile screens. This replaces the default logo image used on larger displays. Have the image at most 220px wide and whatever height you require.
Mobile Logo Image
No
Yes
Select Mobile Logo Image
Select
Social / Search Settings
-
Toggle
search / social icons
on/off
- Select wether or not you want to display your social icons and search module.
NOTE:
that this will only display your Search and Social icons if they are turned on in the Search and Social Icon parameters
Toggle Social on/off
No
Yes
Toggle Search on/off
No
Yes
Modules Control
-
Toggle
Module Blocks
on/off
- Select what module blocks you want to display on small screen resolutions (under 440px).
Slideshow Module
No
Yes
Top Modules
No
Yes
Side Col A Modules
No
Yes
Side Col B Modules
No
Yes
Bottom Modules
No
Yes
Base Modules
No
Yes
0
1