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:   bright-red

7.  Click, "Submit"



Make it yours:

To change how fast images fades in, simply change 0.5s to any number you wish.

Did this answer your question?