• Resolved pdxc

    (@pdxc)


    Hi,

    I’m looking for a way to change the main header background to a different color than the rest of the page. Is this possible through by adding additional CSS under Customize Appearance, or by editing the style.css?

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter pdxc

    (@pdxc)

    PS. I forgot to mention this above, but I’m also curious whether the font size and/or style of header text can be adjusted without affecting text across the site.

    Thanks again for your help!

    rodicaelena

    (@rodicaelena)

    Hi @pdxc,

    Are you talking about this area https://prnt.sc/mjh2zw ?

    Regards,
    Rodica

    Thread Starter pdxc

    (@pdxc)

    Yes I am, thanks.

    hdahle

    (@hdahle)

    Hey @pdxc ,
    I had the exact same problem.

    As a total noob I used the “Additional CSS” feature to solve this – if you stick this piece of custom CSS your header will become beautifully pink (replace the word pink with another color of your choice, or use an RGB hex code in the format #rrggbb):

    .nv-navbar {
    background-color: pink
    }

    Use at your own risk. I have no idea if this breaks anything else. Perhaps some experts can comment on this proposed solution.

    Thread Starter pdxc

    (@pdxc)

    Thanks hdadle, that did work!

    I was also able to figure out my other question about how to adjust font settings/styles of menu items in the header, using similar CSS, for instance:
    .menu {font-size: 17px}.

    Thanks again!

    I have Neve and I added this code in the Additional CSS

    .nv-navbar {
    background-color: steelblue
    }

    and nothing changed, is there something else that I need to do.
    Thanks!

    hi @kmerhing

    Please create a new thread as discussing here will make the thread long and make it confusing for future readers.

    Before that you can try out this code:

    .nv-navbar {
    background-color: #00FFFF;
    }

    You can get the hex color code from here – https://htmlcolorcodes.com/.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Header background color’ is closed to new replies.