Help with CSS and Editing Header (7 posts)

  1. jfeng22
    Posted 2 years ago #

    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!

  2. Greg Priday
    Theme Author

    Posted 2 years ago #

    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.

  3. jfeng22
    Posted 2 years ago #

    Awesome! Thanks for the help!!

  4. jfeng22
    Posted 2 years ago #

    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%;

  5. Jake S
    Posted 1 year ago #

    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?

  6. Andrew
    Moderator of Puppies
    Posted 1 year ago #

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

  7. JessAustin
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic