Adding Button to Menu

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by Veena Veena 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #31041
    Lbusby11
    lbusby11
    Participant
    Post count: 11

    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!

    #31043
    Veena
    Veena
    Moderator
    Post count: 7885

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

    li.callout-button {
        top: 25px;
    }
    li.callout-button a {
        line-height: 50px !important;
    }
    
    #31071
    Lbusby11
    lbusby11
    Participant
    Post count: 11

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

    #31072
    Lbusby11
    lbusby11
    Participant
    Post count: 11

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

    #31074
    Veena
    Veena
    Moderator
    Post count: 7885

    You can try like this –

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

    You can overide the css using !important tag.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.