Change URL Text Color

Hi Guys,

I have been trying to change just the text color on the buttons on the homepage for a while now but no luck. On the buttons that say LEARN MORE and SAMPLE

Here is the code am using:

/* Callout (Promo Box) */

.callout { padding: 44px 0; min-height: 90px; margin: 8px 10px 30px; position: relative; clear: both; border-width: 0px 0; border-style: solid; border-color: #e5e5e5; }
.callout h1, .callout h2, .callout h3 { font-weight: 600; }
.callout a { text-decoration: underline; }
.callout a.callurl { display: block; padding: 20px 20px; background: #7bd589; font-size: 34px; font-color: #fff; text-decoration: none; border: 4px solid #none; text-transform: uppercase; letter-spacing: 2px; margin: 4px 0 10px 15px; position: relative; float: right; border-radius: 3px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.callout a.callurl:hover { border-color: #363f46; }
.container .callout p { margin: 0px; }
.container div .callout { margin-left: 0; margin-right: 0; }

And here is the website:


What color are you trying to change it to?

Try something like:

.container .callout a.callurl{color: #fff;}

You are a star labofoz! :smile:

It works. Thank you so much and I really appreciate it.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.