Need to change the colour of the "scroll to top" button

Solved
mariia_ger
Shopify Partner
4 0 2

Hello. I need your help. I need to change the background color of the "scroll to top" button on all this website - https://refaceacademy.myshopify.com/ . The password is whiyis. Can you please help me?

Accepted Solution (1)
KetanKumar
Shopify Partner
36588 3628 11811

This is an accepted solution.

@mariia_ger 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/dt-framework.css ->paste below code at the bottom of the file.

#to-top:after, #to-top:before {
    background: #ffffff !important; /* change color as you like */
    opacity: 1 !important; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)
made4Uo
Shopify Partner
3366 634 960

Hi @mariia_ger 

 

1. From your Admin Page, click Online Store > Themes >Actions > Edit code
2. Open your global or common css file 
3. Paste the code below at the very bottom of the file.

a#to-top:after, a#to-top:before {
    background: #fff;
}

 

We are volunteering to help    |      Likes and Accept as Solution  will be much appreciated.✌
Having trouble?  Hire us! For fast reply, shoot us a message using chat at Made4Uo.com

Check how to sell everywhere with Shopify POS. Keep your stuffs private. Refrain from giving unnecessary access to your store.
KetanKumar
Shopify Partner
36588 3628 11811

This is an accepted solution.

@mariia_ger 

oh sorry for that issue can you try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/dt-framework.css ->paste below code at the bottom of the file.

#to-top:after, #to-top:before {
    background: #ffffff !important; /* change color as you like */
    opacity: 1 !important; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mariia_ger
Shopify Partner
4 0 2

Thank you very much! It's working!

KetanKumar
Shopify Partner
36588 3628 11811

@mariia_ger 

its my pleasure to help us 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing