Return to previous page

How to change hover color and back to top button before hovering the mouse

This topic has 4 replies, 3 voices, and was last updated 6 years, 4 months ago ago by Rose Tyler

civetcafe

Participant

January 15, 2018 at 17:06

I would like to know how to change the hover button and back to top button before hovering the mouse into it.

http://prntscr.com/i0s342

Thank you.

#181944 Copied

3 Answers
Olga Barlow

Support staff

January 15, 2018 at 17:49
Hello,

Use the following custom
```
.template-container .back-top span:before, .view-color-dark .show-quickly:before {
    color: #422318;
}
.back-top{background-color: #c78140;}
.template-container .view-color-dark .show-quickly {
    border-right: 1px solid #422318;
    background-color: #c78140;
}
.view-color-dark .button {
    background-color: #c88040;
    border-color: #c88040;
    color: #422318;
}
```
Regards
#181954 Copied
civetcafe

Participant

January 15, 2018 at 18:28

Thank you so much. This is really what I wanted.
Cheers,
Ana

#181960 Copied

Rose Tyler

Support staff

January 16, 2018 at 09:00

You’re welcome!
Have a nice day.

Regards

#181997 Copied
Tagged: back to top button, hover color change, mouse hovering, persuasive writing, woocommerce wordpress themes
Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change hover color and back to top button before hovering the mouse’' has been successfully resolved, and the topic is now closed for further responses

How to change hover color and back to top button before hovering the mouse

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection