Change Back to top button

lvdlaar

Hello,

Is it possible to show the back to top button as soon as a page is scrolled down? And as you can see on http://www.glowenwow.nl/ the button is transparant in normal state. How can I change the transparency to color?

Thanks, Sander

Pablo

Hi,

It can be changed with Custom CSS.

Please disable the under construction mode, I'll make that for you.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lvdlaar

Hi,

I've disabled the under construction mode.

Thanks, Sander

Bryan

You do not need css.

Chnage the behaviour of the back to top button in theme options>footer and the color can be changed in theme options>colors>footer

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lvdlaar

Ok, thanks!

lvdlaar

But how can I change the transparency of the back to top button? I want the background not to be transparent.

Pablo

The "Back to Top" button inherit the button style settings.

Your is set to "Stroke", that's why it's transparent.

To change that, please go to the Theme Options > Global > General and change the style of that button.

http://prntscr.com/nje2dk

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lvdlaar

Hi,

Ok, is it possible to show the back to top button without stroke and the other buttons with stroke?

Thanks, Sander

Pablo

Can you disable the under construction mode?

I'll make that CSS for you.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lvdlaar

I've disabled the under construction mode again.

Thanks, Sander

Bryan

You will be able to change it all with this css

.button-stroke #back_to_top, .button-stroke #popup_contact > .button {
	border-color: blue !important;
	background: blue !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

lvdlaar

Thanks! That did the job