How to change font color in css

[KMCHTX]

Hey team,

I set up a custom button on this page

Freedom from Painful Emotions Series: A Life Without Stress - Kadampa...

I cannot get the font to appear white. Can you tell me what I have done wrong in my css?

   .course-button {
  border:3px;
  border:black; 
  border-radius: 5px;
  border:solid; 
  background-color:blue; 
  width:200px; 
  float:left; 
  padding:5px; 
  line-height: normal; 
  margin:8px;
  text-align: center;
  font-size:12px;
  color:white;
}

.course-button:hover {
  border:3px; 
  border-radius: 5px;
  background-color:#357ebd; 
  width:200px; 
  float:left; 
  padding:5px; 
  line-height: normal; 
  margin:8px;
}

[ruenel]

Hello @KMCHTX,

Thanks for posting in!

I have checked your page and it appears that you have inserted this button structure:

<div class="course-button">
	<a href="https://meditationinhouston.org/register/Ikm038?action=purchase-express&amp;id=KEDDA1YJ&amp;t=1599271511 title=" register="" for="" life="" without="" stress"="" style="outline: none;">Click to Register</a>
</div>

Therefore, you must be using this custom CSS block :

 .course-button {
  border:3px;
  border:black; 
  border-radius: 5px;
  border:solid; 
  background-color:blue; 
  width:200px; 
  float:left; 
  padding:5px; 
  line-height: normal; 
  margin:8px;
  text-align: center;
  font-size:12px;
  color:white;
}

.course-button a {
	color:white;	
}

The above code serves as an example.

Hope this helps.

[KMCHTX]

Awesome. Thanks for that.

[ruenel]

You are most welcome!