Border color and menu padding

[gwhite]

Hi,

Could someone please assist me.

I'm trying to place a border around some content areas. I want a border around the main inner, the slider, the footer and the sidebars as well as the border shadow that is all ready there.

Also I would like to make the space deeper between the main menu and the content beneath.

Thanks,

Gordon

http://www.dizzypress.com/alanh/

[Marcy]

You will want to find the sections:
#inner, #home-slider, #footer
and add this line to each section between the { }.
border: 1px solid #999;
The slider shadow is #999 which is a medium gray. If you want lighter, try #ccc. for darker, try #666.

The sidebar widgets already have a border, so you will just want to change the color on one or the other to get the effect you want.

Find:
.sidebar .widget {
border: 1px solid #EEEEEE;
}
and
.sidebar .widget-wrap {
border: 1px solid #FFFFFF;
}
The color #EEEEEE is a very light gray
The color #FFFFFF is white

For more space below the menu, find
#inner
and change this line:
margin: 20px auto 0;
Change the 20px to 30px or 40px.

---

Marcy | Amethyst Website Design | Twitter

[gwhite]

Marcy,

Thanks for that, it worked a treat!

Gordon

[Marcy]

I'm glad it helped! Your site looks really nice. 🙂

---

Marcy | Amethyst Website Design | Twitter

[Author]

Posts