Change Color above header menu

  • Resolved DazyJo

    (@dazyjo)


    10 years ago

    Hey there, I’m just getting started here and don’t really know anything about coding, so it’s probable that my question will be obvious to others and I just don’t know where to look…

    I love the look of this theme, but was just wondering if it’s possible to change the color of the ‘unused’ portion of header? the bit that looks like it would be ‘behind’ all the menu tabs at the top. I would like to make it green like the footer. If it’s not possible, no biggie, I’m just a girl who loves color and there’s a lotta grey goin’ on up there. :O)

    Thanks much!

    https://thisthat-and-theother.com/

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

    (@vladff)

    Hey,

    I see you changed the background color for the whole header. You want a different color just for the menu bar?

    Thread Starter DazyJo

    (@dazyjo)

    Kind of. I would like if the menu tabs stay grey like the header, so they look like the tabs on a folder, but have the rest of the bar ‘behind’ them be green. does that make sense?

    Thread Starter DazyJo

    (@dazyjo)

    Also, I figured out how to make my header image bigger, but then the header bar got bigger too. how would I go about making the header and the image close to the same height? so that the image takes up about 90% of the header bar height.

    vladff

    (@vladff)

    I think I understand. Try this in a custom CSS plugin:

    .main-navigation {
    background-color: #333;
}
.site-branding {
    padding: 60px 0;
}

    Change #333 to the green color you want and 60px to the value in pixels you want before and after your image.

    Thread Starter DazyJo

    (@dazyjo)

    Awesome! Thanks so much, it looks Great!

    https://thisthat-and-theother.com/

    Does anyone know how to get bigger logo as she did?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Change Color above header menu’ is closed to new replies.