Give Your Header Some Flare!

[Gordon Taylor]

There is a simple line of code you can add to your style sheet to give a nice shadow to your header and it'll seem like it's 3D.

Check it out here https://naturalhandcraftedsoaps.com/secure/

If you'd like to add it, it's as simple as falling off a log.

Follow this path storefront>view>default>stylesheet>style.css

Add this line of code to line 261 in the header section. (You'll need an editor like notepad++) It's in the first group of code after the hack for the header /*----------Header----------*/

   

Code Select Expand

box-shadow: 0px 10px 5px #888888;

Here is an image to help.

Enter a carriage return at the end of line 260

Code Select Expand

background-color: orchid; then enter the box shadow code on the new line created, line 261.

Save and upload and viola, you have a new looking header!

[viper357]

Simple but nice and makes a big difference, thank you.

[itgeeks]

woow, thanks 

[itgeeks]

hi, how do you center your page, i´m trying but i can´t find the code