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:

Manuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 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)

The following GDPR rules must be read and accepted:
This form collects your name, email and content so that we can keep track of the comments placed on the website. For more info check our privacy policy where you will get more info on where, how and why we store your data.