Adding Button to Menu

[lbusby11]

I’ve added a button to my menu on this site: http://staging.encompass-cx.flywheelsites.com

This is a staging site and you need the login to just view it. The login to view staging is – Username: flywheel Password: faded-minute

You can see that the button is very tall and bright yellow. Any height or color adjustments I make in the custom CSS I added seem to do nothing. Would appreciate any help to get a button here that is a normal height and be able to change the color.

Here is the CSS I used:

.callout-button {
background: #ffff00;
padding: 2px 0 2px;
border-radius: 5px;
}

Adjusting the padding doesn’t really appear to do anything.

I can grant a temporary login if needed. Let me know.

Thanks!

[Veena]

Pls have the below custom CSS in themeoptions > custom CSS tab.

li.callout-button {
    top: 25px;
}
li.callout-button a {
    line-height: 50px !important;
}

[lbusby11]

Thanks! This worked! I’m still having trouble with the font color.

Right now I’ve got this CSS code in there. It isn’t responding to color: #fffffff;

.callout-button {
background: #ffff00;
color: #ffffff;
padding: 2px 0 2px;
border-radius: 5px;
}

li.callout-button {
top: 25px;
background-color: #1db1ed;
color: #ffffff;
}
li.callout-button a {
line-height: 50px !important;
color: #ffffff;
}
li.callout-button:hover {
top: 25px;
background-color: #38c2fa;
}

[lbusby11]

I also tried swapping it instead to dark text, white background, and a dark border. That also didn’t work.

[Veena]

You can try like this –

.callout-button a {
    color: #ffffff !important;
}

You can overide the css using !important tag.

[Author]

Posts