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?
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
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
