Grey line separating header from page. Larger?

  • Resolved advent12

    (@advent12)


    8 years, 5 months ago

    Hello,

    I was wondering if there was css to make this line more prominent and bar like so I could drop the nav menu into it.

    Thanks for any help,

    cheers.

    sitewebsite

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi there, Try this CSS code –

    .home #post-2 {margin-bottom:100px solid rgba(0, 0, 0, 0.05);}
    Thread Starter advent12

    (@advent12)

    Thank you, but this had no effect except the browser took long to load…scared me.

    Don’t worry, Your website is safe. Pasting CSS code can only hamper styles nothing else. And sorry my mistake, try this code – 

    .home #main article {border-bottom: 100px solid rgba(0, 0, 0, 0.05);}
    Thread Starter advent12

    (@advent12)

    Did not work.

    I found this to have the effect however the bottom is shadowed and I’d prefer solid.

    /*Enlarge grey line for nav menu*/
    .header.header > .navbar {
    box-shadow: 0 25px 11px 0 rgba(128,128,128,0.55) !important;
    }

    Thread Starter advent12

    (@advent12)

    Figured it out in case anyone wants code.

    /*Enlarge grey line for nav menu*/
    .header.header > .navbar {
    box-shadow: 0 40px 0 0 rgba(128,128,128,1.0) !important;
    }

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Grey line separating header from page. Larger?’ is closed to new replies.