Support » Themes and Templates » Help with CSS and Editing Header

Help with CSS and Editing Header

  • jfeng22


    Here’s my website: websterlightgrant.com
    My theme is Vantage – SiteOrigin

    I’m having trouble getting rid of the white space above my header.
    I’ve been editing the spacing and padding however everytime I update the edit the change doesn’t apply.

    Furthermore I would like to change the hover color from the default teal blue to a deep green.
    I’m not sure which .hover code to edit.
    I am in need of some guidance!!

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Greg Priday


    Hi there jfeng22 🙂

    At the moment your site isn’t loading for me, but I’ll check back tomorrow and try give you some pointers.

    To change the hover colour of the menu, you can use the following CSS. Either add it with a Custom CSS plugin or a child theme.

    .main-navigation ul li:hover > a {
      background: #00FF00;
      color: #FFFFFF;

    Obviously change those 2 colours to what ever you want.



    Awesome! Thanks for the help!!



    Okay so the hover colors are changed, ty for the pointers.

    I’m still confused as to how i can move the header bar up and eliminate the space between the URL bar and the header bar.

    This is my current header CSS:

    header#masthead {
    background: #fcfcfc;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;

    header#masthead hgroup {
    position: relative;

    margin-bottom: 40px;
    margin-top: 20px;

    header#masthead hgroup a {
    color: inherit;
    text-decoration: none;

    header#masthead hgroup h1 {
    color: #666666;
    font-size: 36px;
    font-weight: 100;
    line-height: 1em;

    header#masthead hgroup img {
    height: 150px;

    max-width: 100%;

    header#masthead hgroup .support-text {
    position: absolute;
    top: 50%;
    right: 0;

    color: #4b4b4b;
    font-style: italic;
    line-height: 1.2em;
    margin-top: -0.6em;
    max-width: 50%;

    I am using Vantage as well. I would like to place the top logo on every page but the home page. Is this possible? How should I change the code to do this?

    Moderator Andrew Nevins


    Forum moderator

    You can start a new thread here: http://wordpress.org/support/theme/vantage#postform

    I’m using the vantage theme and would like to change the search bar so it is on one menu bar. How can I change this in css?

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Help with CSS and Editing Header’ is closed to new replies.