Mar 062014
 

Suffusion Navigation Bar Above Header Options shows you how to set up the different options from all the settings like font, style, color and more.

Last Updated: March 1, 2018

Latest News: I have updated the documentation.

There are many options for you to play around. This will guide you in setting up your website or blog. Remember to always check with other browsers and see how your website looks.

Suffusion Navigation Bar Above Header Options

Navigation Bar Above The Header Tutorials:

  1. Header Settings
  2. Part Two
  3. Header Options

Font Face

Step 1 ) Suffusion provides a huge variety of fonts from the following menu. Choose the one that best suits you and remember to always check to see how it looks in different browsers.

navigation-bar-above-header-fonts

Image Position

Step 2 ) For Image Position choose from one of the following options.

  • Top left
  • Top center
  • Top right
  • Center left
  • Middle of the page
  • Center right
  • Bottom left
  • Bottom center
  • Bottom right

navigation-bar-above-header-image-position

Image Repeat

Step 3 ) For Image Repeat choose from one of the following options.

  • Repeat horizontally and vertically
  • Repeat horizontally only
  • Repeat vertically only
  • Do not repeat

navigation-bar-above-header-imate-repeat

Step 4 ) Select one of the following options

  • No border
  • Hidden
  • Dotted
  • Dashed
  • Solid
  • Double
  • Groove
  • Ridge
  • Insert
  • Outset

navigation-bar-above-header-border

Step 5 ) Select one of the following options

  • Pixels (px)
  • Em

navigation-bar-above-header-pixels

Step 6 ) For Image Repeat choose from one of the following options.

  • Repeat horizontally and vertically
  • Repeat horizontally only
  • Repeat vertically only
  • Do not repeat

navigation-bar-above-header-imate-repeat

Step 7 ) Select a color that suits your design.

navigation-bar-above-header-color

Font Size Type

Step 8 ) For Font Size Type choose from one of the following options.

  • Point (pt)
  • Pixels (px)
  • Percentages (%)
  • Em

navigation-bar-above-header-font-size-type

Font Variant

Step 9 ) For Font Variant choose from one of the following options.

  • Normal
  • Small Caps
  • Inherit

navigation-bar-above-header-font-variant

Font Style

Step 10 ) For Font Style choose from one of the following options.

  • Normal
  • Italic
  • Oblique
  • Inherit

navigation-bar-above-header-style

Font Weight

Step 11 ) For Font Weight choose from one of the following options.

  • Normal
  • Bold
  • Bolder
  • Lighter
  • Inherit

navigation-bar-above-header-font-weight

Save / Reset

Step 12 ) Click on Save/ Reset button to choose from one of the following options.

  • Save page Navigation Bar Above Header
  • Reset page Navigation Bar Above Header
  • Reset changes for ‘Skinning’
  • Delete all theme options

navigation-bar-above-header-save-reset

You have completed Part 3 Header Options.

Click on the following URL Skinning Tutorials for more skinning tutorials.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest.

Enjoy.

More Suffusion Tutorials:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

18 + twelve =