Skip to main content

Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

  • This topic is empty.
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)
  • The forum ‘CSS’ is closed to new topics and replies.