Home>Support>Vantage Theme: Howto set opaque “scroll-to-top-button”?

Vantage Theme: Howto set opaque “scroll-to-top-button”?

By Kai Kaßbohm, 7 years ago. Last reply by Kai Kaßbohm, 7 years ago.

Hi, I want my “scroll-to-top-button” to have a color of my choice. And I wnat it to be fully opaque – whenever it’s visible.

I changed its color using:

—
/* Vantage Scroll to Top Colors */
#scroll-to-top {
background: rgba(26, 188, 156, 1.0);
}

#scroll-to-top .vantage-icon-arrow-up {
color: rgba(255, 255, 255, 1.0);
}
—

But how can I make this button fully opaque – regardless of hovering scrolling or any other action… and visible whenever some scroll-down-action has taken place…?

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

  1. 7 years, 2 months ago Alex S
    Hi, I Work Here

    Hi Kai,

    You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Add the following CSS:

    #scroll-to-top.scroll-to-top.displayed {
    opacity: 1 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

  2. 7 years, 2 months ago Kai Kaßbohm

    Thanks a lot. That does it.

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