This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

How to change “Display Scroll To Top” button color?

Resolved 6 replies premiumthemetheme-vantage
Seljuk
11 years ago · Last reply by Andrew Misplon 11 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

6
  1. Seljuk 11 years, 7 months ago

    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,

  2. Andrew Misplon Staff 11 years, 7 months ago

    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.

  3. Seljuk 11 years, 7 months ago

    Hi Andrew,

    Thanks so much! Now, it is working.
    Here is the link:
    http://selcukozmumcu.com/

    Regards,
    Selcuk

  4. Andrew Misplon Staff 11 years, 6 months ago

    Ahh nicely done! The site is looking great.

    All the best.

  5. Seljuk 11 years, 6 months ago

    Thanks Andrew.

  6. Andrew Misplon Staff 11 years, 6 months ago

    For sure!

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread