In this tutorial we are going to add some style to our navigation bar above the header. Remember these settings are simply to show you how to add style, I am not looking at the cosmetic side of my tutorial you can choose your own settings.
Navigate to Appearance >> Suffusion Options and select Skinning and click on Navigation Bar Above Header and make sure that you select Custom style. See image below.
Hint: Keep saving your work and make sure that you have selected Custom style or else your custom style will not be saved.
Next navigate to Navigation Bar Background and select Transparent / No color. This is all you need to do to remove the white background from the navigation header as mentioned in the previous tutorial. See image below.
We are going to add some more style to the menu. You can choose any combination of colours.
Navigate to Navigation Menu Items and under Background Color select Custom. I chose white background. You can choose any colour you want. See image below.
Navigate to Navigation Menu Items Border and select the following as illustrated in the image below.
Navigate to Navigation Menu Items Font and choose which ever colour your prefer. I chose black font colour, you can also change the font style, size etc. See image below.
Navigate to Navigation Menu Items: Hover and select Custom and choose your colour. I chose blue for my hover background. You can also add an image to the background but for tis tutorial I am just going to be looking at adding a colour. See image below.
Navigate to Navigation Menu Items: Hover Border and select the border colour. I chose red and for the Border Width I chose 1. You can choose your own settings. See image below.
I hope you enjoy this little tutorial. If you have any questions please post it here. Come back for more great suffusion tutorials
More suffusion tutorials: