Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
I thought that “Display Scroll To Top” button automatically changes its color in contrast with the background color. Although I have a dark dark grey tiled image at the website background, I changed my background color to dark grey as well, hoping that “Display Scroll To Top” button would become white or a lighter color but it did not work.
It is very useful, congratulations but I guess it would be best to make it work automatic in shifting contrast colors to background color.
How can I change the color of this button? Is it possible?
Thanks,
Selcuk
I have watched your Custom CSS video, it is so much useful, at least it gives an idea to people like my self who have no idea about coding.
As a result, I managed to try this code, just taken my chance, but it did not work. I tried to change the opacity value so that may be I can have that button visible on dark gray background but nothing has changed. Apparently, I have mistaken with the code.
Here it is:
#scrol-to-top.displayed {
opacity: 100 !important;
}
Regards,
Hi Selcuk
Scroll to top is unfortunately an image. The opacity is only changed to reveal it or hide it as you scroll. To change it you’d need to paste the following into Appearance > Custom CSS:
#scroll-to-top { background: url(‘images/sprites-1-0-4.png’) no-repeat; }And swap out the url for your own 48px x 48px image url. Once uploaded to the Media Library you would use the url in the right column box.
Hi Andrew,
Thanks so much! Now, it is working.
Here is the link:
http://selcukozmumcu.com/
Regards,
Selcuk
Ahh nicely done! The site is looking great.
All the best.
Thanks Andrew.
For sure!