Your Lightest 1 section looks like this. This is the section we use when we want to create the orange background that only extends 70% of the way across the screen. If you upload the orange gradient image to the background of the Lightest 1 section (that image is in your image library), it will automatically end at 70% of the way across the screen because of custom coding changes I have made.
[insert your text]
Your Light 1 section looks like this - a white box surrounded by a sun gradient border
Things to note:
set the section height to small
set the section width to large
Your Light 2 section looks like this - a white box surrounded by a sea gradient border
Things to note:
set the section height to small
set the section width to large
When you want to create something that looks like this
Your Bright 1 section has the sea gradient background, and the font text set to white. We use this section for headlines, or where we need gaps between sections.
Things to note:
set the section height to small
make sure the font is on heading 1
When you want to create something that looks like this
Your Bright 2 section has the sun gradient background, and the font text set to white. We use this section for headlines, or where we need gaps between sections.
Things to note:
set the section height to small
make sure the font is on heading 1
Your Dark 1 section looks like this. We use this section when you want to use a background image that spans the whole screen, and have white headline font on it.
Your Darkest 2 section looks like this. We use this section when you want to use a background image that spans the whole screen, and have orange headline font on it.