Changing Button Text Color | Community
Skip to main content
Talia_Reid
Talia_Reid
Level 2
August 12, 2020
Question

Changing Button Text Color

  • August 12, 2020
  • 1 reply
  • 3010 views

I'm having trouble manipulating the code. I'd like to change the text color of a button to white. In the design tool i'm allowed to change the button color and background but doesn't show a color option. So I figured I can do this in the code. Any suggestions?

 

<meta class="mktoColor" id="articleBorderColor" mktoname="Right Button Border Color" default="#00a0dc" mktomodulescope="true" /> <meta class="mktoNumber" id="articleBorderSize" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" /> <meta class="mktoString" id="articleLinkText" mktoname="Right Button Text" default="READ MORE" mktomodulescope="true" /> <meta class="mktoString" id="articleLink" mktoname="Right Button Link" default="http://mylink" mktomodulescope="true" />
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

J
Community Advisor
JDNelson1Community Advisor
Community Advisor
August 12, 2020

Yeah, you can add this:

<meta class="mktoString" id="button-text-color" mktoName="Button Text Color" default="#FFFFFF" mktoModuleScope="true">

 

But the trick is making sure where to USE this in your button code. You need to make sure in your <a> tag that you're calling it out properly, however you may have it coded; here's my example:

<a style="color: ${button-text-color};">button text</a>

 

    Terms & ConditionsAccessibility statement

    Loading footer...