REGISTER NOW

REGISTER NOW

Styles Guide - DO NOT DELETE

RED GRADIENT TITLE

RED GRADIENT TEXT

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

GREEN GRADIENT TITLE

GREEN GRADIENT TEXT

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

PURPLE GRADIENT TITLE

PURPLE GRADIENT TEXT

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing.

Outline Text will always pick up the articles body text color

this is default black

 this is red

this is green

 Gradient won't work

Buttons

Section Settings

Please have a look at the Section Settings.  In here you have options for:

  • Section Title Colour
  • Bold text colour - when you "bold" words in the title, it can do a number of things including changing colour, or being an outline font style
  • Width of section
  • % of articles   (50/50, 70/30, 30/70)
  • Margins - this is the space between 2 sections
  • Padding - this is the inside space of a section, use when you have a solid colour or image section background
  • Background type:  image, video,  colour (colour palette options)

Section Title

DEFAULT ARTICLE SETTINGS

The Default Article has options in the settings for:

  • Title colour
  • Title Size
  • Bold text colour - when you "bold" words in the title, it can do a number of things including changing colour, or being an outline font style
  • Main Body Text colour
  • Body max width
  • Background type:  image, colour (colour palette options)

You can use the Styles drop down to control the colour of individual text

Grey BG on Section not working

Text Colour Red

Text Colour Green

Text Colour Gold

Text Colour Yellow

Text Colour Dark Blue

Text Colour Light Blue

Text Colour Purple

Text Colour Pink

Text Colour YouthXGrey

Text Colour "White"

Text Colour Dark Grey

Text Colour Light Grey

You can use the Styles drop down to control the size of individual text

Text Size 30px

Text Size 45px

Text Size 75px

Size 96px

Gradient Text Red

Headline

Outline Text can be combined with other styles

You can combine the styles also

Text Size 30px

Text Size 45px

Text Size 75px

Size 96px

Gradient Text Red

 

Section Title

ArticleTitle

To remove the style, you must do so by either using the "Remove format" icon or by highlighting the words in question, clicking on the styles drop down and clicking on the actively selected items.

This is a link

remove

Background colours available and title sizes

Black Title

Small 26px Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Red Title

Medium 40px Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Green Title

Large 60px Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Gold Title

Extra Large 75px Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Yellow Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Dark Blue Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Light Blue Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Purple Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Pink Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

YouthXGrey Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

White Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Red Gradient

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Green Gradient

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Purple Gradient

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

Image BG

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

70% Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

30% Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

30% Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

70% Article

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. This is a link Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. 

MEDIA PARTNERS

Loading

 

Search