Docs

[Brock B]

On my header, the button on the top left looks great but I’d like to shift the text inside that red button down just a tiny tiny bit so it is dead in the center of the button. How do I do that?

Also, when I put my mouse over the button, it turns blue but I’d prefer if it turned a lighter shade of red and didn’t have a line under it. Any suggestions on these?

http://www.bravepandacreative.com

[Lely]

Hi Brock,

What I am seeing is a button on top right START YOUR PROJECT.
Look for this custom CSS and remove it:

#menu-item-167 a {
    margin-top: 40px;
}

Then update this:

#menu-item-167 a {
    color: #fff;
    border-color: #CF2C2C;
    background-color: #CF2C2C;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    border-radius: .25em;
    padding-top: 9px;
    height: 35px;
    margin-top: 105px;
}

To this:

#menu-item-167 a {
    color: #fff;
    border-color: #CF2C2C;
    background-color: #CF2C2C;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    border-radius: .25em;
    padding-top: 11px;
    height: 35px;
    margin-top: 38px;
}

I have combine the CSS into 1 and adjust it.

Then for the hover color, look for this too:

#menu-item-167 a:hover {
    color: #fff;
    border-color: #3f96ce;
    background-color: #3f96ce;
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    box-shadow: none;
}

Update to this:

#menu-item-167 a:hover {
    color: #fff;
    background-color: rgba(207,44,44,0.8);
    text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
    box-shadow: none;
}

Adjust this part:rgba(207,44,44,0.8) to your preferred color.
Then add this to remove underline:

#menu-item-167 a:hover span {
    box-shadow: none;
}

Hope this helps.

[Brock B]

Dang. That was awesome! It did exactly what I needed it to do. Great job!

[Jade]

You’re most welcome, Brock.

[Author]

Posts