Style Editor part 1

 

Style Editor Part 1

Now its time to do a bit of styling so that when you start putting in your content you can really see your site come together.

Listed in below in your sites notes are the exact settings that you need to use. Go a head and work your way through them now.

Header Top

  • Background: #ffffff

  • Padding: 22px

Header Bottom

  • Padding: 15px

Header layout

  • Element spacing(horizontal) 43px

  • Element Spacing (vertical) 15px

  • Branding position: Top Left

  • Primary Nav position: Top right

Header Branding

  • Logo Width: Adjust the logo width in the style menu to suit your logo.

Header Primary Navigation

  • Link spacing: 0.618em

  • Style: Active

  • Font: Courier New, 400, Normal, 16px, 0.06em, uppercase

  • Colour: #423632

  • Active colour: #c69588

  • Folder Colour: #403633

  • Folder Text colour: #ffffff

Of course you can add your own hex code colours in here.

Main

  • Content Inset: 1

Footer

  • Background colour: #f9f2ea

Of course you can add your own hex code colours in here.

 
Joanne Whyte