Back to top Button

  1. How to change its colors.
  2. My AddShare Bar hindering it in mobile version. How to increase its height or make it mobile friendly.

Hi Deepak,

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

1. How to change its colors.

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

Admin Area -> Appearance -> Customize -> Sparkling Options -> Other -> Custom CSS

#page .scroll-to-top {
    background: #000;
}
#page .scroll-to-top:hover {
    background: #DA4453;
}

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

2. My AddShare Bar hindering it in mobile version. How to increase its height or make it mobile friendly.

Try using the below CSS code and adjust the value 10% in it.

#page .scroll-to-top {
    bottom: 10%;
}

Best Regards,
Movin

thanks Bro

You are always welcome here :slight_smile: