News:

AbanteCart v1.4.2 is released.

Main Menu
support

Give Your Header Some Flare!

Started by Gordon Taylor, April 19, 2015, 10:45:58 PM

Previous topic - Next topic

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----------*/

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

Here is an image to help.

Enter a carriage return at the end of line 260 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

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

Forum Rules Code of conduct
AbanteCart.com 2010 -