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.

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

Resolved 2 replies customizationthemetheme-vantage
Kai Kaßbohm
8 years ago · Last reply by Kai Kaßbohm 8 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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Alex S Staff 8 years, 6 months ago

    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. Kai Kaßbohm 8 years, 6 months ago

    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.

Have a different question or issue?

Start New Thread