back to the top arrow

Travelify
1

Hello Gents,
Its there any way to change the color of the “back to the top arrow”? Due to the fact that my background is white and the color of the arrow also, its hardly visible.

Thank you in advance!

2

Hi @romania.marius,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options


.back-to-top a:before {
    color: #000;
}

Best Regards,
Movin

3

Yes, it works, it has changed the color of the arrow. Is there any code for changing the square around the arrow as well? Thank you very much!

4

You are most welcome here :slight_smile:

To change the color of square around the arrow please try using the below CSS code.


div.back-to-top a {
    background: #53787d;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp