Smartstaff, administrator
3,320
edits
Changes
→Creating a section container
===Creating a section container===
The first section we are going to create is called a '''Section Container'''. We will use this to create a graphical banner and it will contain other sections. Think of the section container as an empty box.
# Close the Preview window with the '''X''' in the top right of the window.
# Click the '''Edit''' button (looks like a pencil) for the '''Main Menu''' section we created earlier called '''Home'''. [[File:main-menu-home-edit.png|thumb|none|500px|The Edit button]]
# Click the '''Add Section''' button looks like a plus button and is found under the '''Sections''' title bar.
# For '''Name''' enter '''Graphical Banner'''.
# Click on the tab called '''Display'''.
# Click '''Save''' so you will be able to upload a background image.
# On the '''Display''' tab again, for '''Background Image''' click the '''Browse''' button that looks like an open folder. # Select the image called '''banner-sample.jpg''' and click '''Open''' (these images have been provided above. See the instructions in the section above called Download Sample Image Files) .
# Click the '''Upload''' button beside the '''Browse''' button (A preview of the image will appear).
# For '''Background Position''' choose '''Bottom''' and '''Horizontal Center'''.
# For '''Background Opacity''' move the slider all the way to the left where it says '''Low'''. # For '''Font Color''' enter these 6 digits '''300130''' (this will make the font color purple).
# Click '''Save'''.
