How can I change text color in a Semantic UI vertical menu?

Question

I have an active red link item in a vertical menu and I only want the pointer to be red. What is the most effective way to change the text so it is black? I have attempted to wrap it in a paragraph element but that only makes it difficult to reposition.

Answer 1

you can use this: class="ui red header"

http://semantic-ui.com/elements/header.html#colors

Answer 2

The code for that would look something like this

<div class="ui vertical menu">
  <a class="home">
    HOME
  </a>
</div>

Your css would have to look something like this with your desired color

a.home {
    color: red;
    ...
}