A few lines of css can give your project a new look and feel.  Let's see how changing the color of text can have a big effect.

How To:

1. Add this style sheet to your current project:
//hapyak_demos.s3.amazonaws.com/css/customer/sample_on_hover_text_change.css

Or add this css to your current sheet:

.popcorn-pop.hapyak-theme-black.bright-red.active {
   color: #C60C46;
   background: rgba(255, 255, 255, 0);
   -webkit-transition: color 0.5s ease-in-out;
   -moz-transition: color 0.5s ease-in-out;
   -ms-transition: color 0.5s ease-in-out;
   -o-transition: color 0.5s ease-in-out;
   transition: color 0.5s ease-in-out;
}

.popcorn-pop.hapyak-theme-black.bright-red.active:hover {
   background: rgba(255, 255, 255, 0);
   color: #f40656;
}

2.  Create a new text annotation

3.  Click, Edit

4.  Click, More

5.  Click, Add Class

6.  Within the text box add a color, ex: bright-red 

7.  Click, Submit

Did this answer your question?