Transparency

Hello,
I thought it would work and that I will be able to get the buttons to be slightly less solid to start with (opacity 0.9) but no luck, what am I doing wrong ?
Thanks

***

.page-scroll-buttons button.all-the-way-to-top {
bottom: 165px !important;
opacity: 0.9; !important;
}

.page-scroll-buttons button.one-page-up {
bottom: 105px !important;
opacity: 0.9 !important;
}

.page-scroll-buttons button.one-page-down {
bottom: 45px !important;
opacity: 0.9 !important;
}

.page-scroll-buttons button.all-the-way-to-top not-functional {
bottom: 165px !important;
opacity: 0.3;
}

.page-scroll-buttons button.one-page-up not-functional {
bottom: 105px !important;
opacity: 0.3 !important;
}

.page-scroll-buttons button.one-page-down not-functional {
bottom: 45px !important;
opacity: 0.3 !important;

If you want to change the overall opacity of the buttons, this could work:

.page-scroll-buttons {
  opacity: 0.5;
}

Though, with the code you have, it should change the opacity for each individual button. I can’t say why that wouldn’t be working, without seeing your site — if you can share a link, I’ll be happy to take a look.

Hello and thanks for your help,
Web site is not “on” yet, so I can’t give a link.
But I just tried your fix, and it did work fine, except that by setting a global opacity, the 2 buttons z-index went down the drain and that your plugin was basically behind anything on the web site ??

The code I gave you shouldn’t have an impact on the Z-indexes, so it’s likely that that issue is caused by something else.

Unfortunately, without being able to see your site, I can’t say where that would be coming from or what the problem is ??

Thanks Senff, but it does : https://www.w3.org/TR/css-color-3/#transparency
I will give you a link when the site will be on, thanks again for everything and your support