Docs

[benrobinson26]

Hello! I am trying to change the font color of a button I’ve placed in the topbar as seen on the following page: https://www.learntobeabookkeeper.com/blog/

This button was added using the following code: Free Course

Further, I added custom CSS using the following code:
.my-button {
background-color: #3498DB;
border: none;
color: #ffffff;
padding: 1px 6px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 10px;
border-radius: 4px;
}

How can I change the button text color?

My understanding was the “color: #ffffff;” command would alter this. But, it doesn’t.

Thank you in advance for your help!

[Nico]

Hi There,

Thanks for writing in.

Add this in your customizer > Custom > CSS:

.x-topbar .p-info a.mybutton{

color:#fff;

}

Hope it helps.

Let us know how it goes.

Thanks.

[benrobinson26]

I tried this and it still did not work. I added a space as well between “color:#fff” to see if that would change it; and it did not.

Any suggestions? Thank you.

[benrobinson26]

Disregard…your code needed a “-” between my and button. It works now. Thank you. This is closed and solved on my end.

[Joao]

Thanks for lettings us know 🙂

[Author]

Posts