Match Button Style in Topbar

[litcouncilnova]

Hi there. I’m hoping to match the topbar “Donate” link on my site lcnv.co to the same style of buttons I’m using on my columns (e.g. Learn, Volunteer etc.) listed lower on the page. Is there a bit of code that would make this happen? I just need to make the topbar donate link look like the other buttons, it’s already in the right location. Thank you!

[jade]

Hi there,

Please update this code that is in your Global CSS:

.x-topbar .donate-btn {
    margin-left: 10px;
    margin-bottom: 12px;
    background-color: white;
    border: none;
    color: white;
    padding: 14;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 16px;
    margin: 4px 2px;
}

to

.x-topbar .donate-btn {
    color: #fff !important;
    text-align: center;
    text-decoration: none;
    display: inline;
    font-size: 13px !important;
    margin: 1em 0em 1em 0em;
    border-radius: 0.35em;
    background-color: rgb(73,23,109);
    box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
    outline: none !important;
    border: 0 !important;
    padding: 10px 20px;
}

Here are some reference links related to the suggestions above:

• CSS Introduction - https://www.w3schools.com/css/css_intro.asp
• How to get CSS Selectors using Chrome - https://stackoverflow.com/questions/4500572/how-can-i-get-the-css-selector-in-chrome

Hope this helps.