CSS Styles

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Editor Styles

<span> tag

headings h1-blue

headings h2-blue

headings  h3-blue

blue text

yellow text

Page Layout

This is the Content Pane by default each page has an html module in here to allow content to be added

Porto Skin

Below - Image of page layout - panes showing in position they appear on the internal page layout June 2017

Containers

Containers for the Porto skin that are added to Blue Knot site are displayed below:

You change the containers in rthe settings for the module added and also add eht title in Settings if there is one on the container.  It is Best Practise to add a htitle to each module so if you in the futurter need to copy a module from place to place you have the name there and life is simpler.

Text/HTML

Container added: on this module is the Site Default: no outline - with a heading

 

Text/HTML

Container added: Host: Porto - Title_h3
Container - added
Host: Porto - GreyBackground

 

Container added: Host: Porto - YellowBorder
Container added: Host: Porto - NoTitle

 

 

Text/HTML

Container added: Host: Porto -

Title_h4

 

Container added
Host: Porto - GreyRounded

 

Text/HTML

Container added: Host: Porto -

Title_h1
Text/HTML
Container added: Host: Porto -
Title_h5
Container added
Host: Porto - GreyRoundedWshadow

 

Text/HTML

Container added: Host: Porto -

Title_h2
Text/HTML
Container added: Host: Porto -
Title_h6

Added Heading

Container added
Host: Porto - LineRoundedWshadow

 

Footer Layout