Site logo

Archived topic

Scroll back to top button

11 replies · Started by Steve on November 17, 2022

Viewing posts 1–12 of 12

Yes, there should be a way. Can you open a new topic regarding this?

Is there a way to center the scroll to top, as a graphic, inside of a footer element ?

Here (linked) is an example

https://www.horsebrainscience.info

Hi there,

can i see the site you want to apply that to? Then i can propose the best solution.

Are you using GenerateBlocks Pro ?

Are you using GenerateBlocks Pro ?

Yes Sir.

I would recommend adding a button in the footer, entering #top as the URL, add an additional CSS class to the button block: smooth-scroll.
https://www.screencast.com/t/0QBljLoj4av

Then go to customizer > general, and enable the smooth scroll option.

Hi Ying,

Hope your day off was great. Thanks for this... the scroll back works like a champ. One question... I can't get the CSS to make a circle? The border radius is 100... and set to %... Parameters are exactly like your's are?

I get an egg shape?

https://drstevepeters.organicflyfarm.com

I'm not seeing the back to top button in the site link.

Can you confirm?

Hi Leo,

It's a customized back to top.. Look for the egg shape in the footer...

Try adding this CSS;

.gb-button-wrapper a.gb-button-3014deb8, .gb-button-wrapper a.gb-button-3014deb8:visited {
    width: 60px;
    height: 60px;
}

Perfecto! Thanks!!

width + height would be great fields to add in the element.

It's rare that we would use fix width and height as it's not responsive.

Glad to hear that it worked.

This archived topic is closed to new replies.