Skip to main content

Forums

This topic contains 6 replies, has 4 voices, and was last updated by  nicecss 1 week, 1 day ago.

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #296303

    steph100001
    Participant

    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 :)

    #296306

    Paulie_D
    Moderator

    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);
    }
    
    #296307

    vulkanus
    Participant

    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;
    }

    #296308

    steph100001
    Participant

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

    #296313

    vulkanus
    Participant

    Add this to your CSS:

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

    #296314

    steph100001
    Participant

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

    #296984

    nicecss
    Participant

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

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star