CSS help with (hopefully!) simple issue

[steph100001]

Hey!
I’m trying to get rid of the grey border down the sides on my site, and along the top nav border. So I’ve set the bopdy width to what I want it to be, but it’s created a grey line down either side. There is also a grey border along the top nav container.
I CANNOT find the selector for either of them anywhere.
I guess I just want to display:none; them both…..anyone know where I’m going wrong?

https://debtfreefamily.co.uk

Thank you :)

[Paulie_D]

The “border” in the nav is actually a box-shadow

#nav-header.nav-container {
    background: #454e5c;
    z-index: 97;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(0,0,0,.2), inset -1px 0 0 rgba(0,0,0,.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 -1px 0 rgba(0,0,0,.2), inset 1px 0 0 rgba(0,0,0,.2), inset -1px 0 0 rgba(0,0,0,.2);
}

ditto on your wrapper

.boxed #wrapper {
    max-width: 1380px;
    margin: 0 auto;
    -webkit-box-shadow: 6px 0 0 rgba(0,0,0,.04), -6px 0 0 rgba(0,0,0,.04);
    box-shadow: 6px 0 0 rgba(0,0,0,.04), -6px 0 0 rgba(0,0,0,.04);
}

[vulkanus]

Hi,

Edit: I was to slow to @Paulie_D :(

BTW: I don’t know if it’s proposed, but you have a hidden search, but you can add:

#main-header-search .toggle-search {
background: #b5b5b5;
padding: 13px 13px;
font-size: 16px;
line-height: 15px;
opacity: .5;
}

#main-header-search .toggle-search:hover {
opacity: 1;
}

[steph100001]

Hey guys!
Thanks so much for your help…but I can’t get it to work :(

[vulkanus]

Add this to your CSS:

#nav-header.nav-container, .boxed #wrapper {
box-shadow: none;
}

[steph100001]

Brilliant, thanks so much, your help is very much appreciated! :)

[nicecss]

Hi! Text on images (black on grey background) is hard to see. In my opinion.

[Author]

Posts