how / where to change the black ribbon header?

  • Resolved wordryanpress

    (@wordryanpress)


    11 years, 1 month ago

    I’d like to change the black ribbon (the header banner) to either different color or different shape (for example, replace by some rounded ribbon). How do I do that? I think is somewhere in the css, but no idea where that might be. Any help is appreciated!!

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

  • I believe the css id you are looking for is #header (and #footer, if you’d still like them to match) It looks like this in the existing code:

    #header, #footer {
        background: #3b3b3b;
        min-height: 100px;
        position: relative;
        display: block;
        width: 952px;
        left: -46px;
        padding: 0 40px;
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
        box-shadow: 0 0 10px rgba(0,0,0,.2);
    }

    #header:before, #header:after, #footer:before, #footer:after {
        content: "";
        position: absolute;
        display: block;
        border-style: solid;
        border-color: #303030 transparent transparent transparent;
        bottom: -15px;
    }

    Hope that helps!

    Thread Starter wordryanpress

    (@wordryanpress)

    wow that’s it. Thumbs up! Thanks so much for your help!!

    Be aware that if you make changes in the theme’s files, the changes will be overwritten and lost when the theme is updated. It’s strongly recommended that you use a child theme or custom CSS to make these kinds of changes.

    https://codex.www.ads-software.com/Child_Themes

    Thread Starter wordryanpress

    (@wordryanpress)

    Yogi Thank you for reminding me.

    Ahh, yes, forgot to mention that you should use a child theme.

    Glad to have helped @wordryanpress, and thanks for the reminder and being awesome @wpyogi ??

    Hi! I have the same question as wordryanpress and I have found the #header id in the .css as SomewhatRounded said. But, I changed the background color and nothing changes in the page. I don’t know what happened.
    Anyone knows?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘how / where to change the black ribbon header?’ is closed to new replies.