Home>Support>Mono Template: Change scroll-to-top foreground and background

Mono Template: Change scroll-to-top foreground and background

By Costas, 4 years ago. Last reply by Andrew Misplon, 4 years ago.

Good evening to all

I’ m using Mono Pre-built layout for my client’s website. I am trying to change the foreground (icon color) of Scroll-to-top button by using the css-code (using CSS Editor) below, without any successful result:

#scroll-to-top {
background: #000000;
}

#scroll-to-top .svg-icon-to-top {
color: #d7ff2f;
}

Is there any wrong in the snippets above?

My client’s website: https://www.cp-engineering.gr

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 4 years, 11 months ago Andrew Misplon
    Hi, I Work Here

    Hi :)

    The first rule is working.

    The second rule needs to target the path tag within the SVG and use fill instead of color. If you inspect the page, check inside of the SVG tag, it’s the path that needs to be targetted.

    Hope that helps.

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More