WordPress.org

Ready to get started?Download WordPress

Forums

Vantage
Help with CSS and Editing Header (7 posts)

  1. jfeng22
    Member
    Posted 9 months 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
    Member
    Theme Author

    Posted 9 months 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
    Member
    Posted 9 months ago #

    Awesome! Thanks for the help!!

  4. jfeng22
    Member
    Posted 9 months 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
    Member
    Posted 7 months 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
    Forum Moderator
    Posted 7 months ago #

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

  7. JessAustin
    Member
    Posted 3 days 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?
    Thanks,
    Jess

Reply

You must log in to post.

About this Theme

About this Topic