[Resolved] Scroll back to top button

[Steve]

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

[David]

Hi there,

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

[Steve]

Yes, sorry… thought I included that. https://drstevepeters.organicflyfarm.com

[David]

Are you using GenerateBlocks Pro ?

[Steve]

Are you using GenerateBlocks Pro ?

Yes Sir.

[Ying]

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.

[Steve]

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

[Leo]

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

Can you confirm?

[Steve]

Hi Leo,

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

[Leo]

Try adding this CSS;

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

[Steve]

Perfecto! Thanks!!

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

[Leo]

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

Glad to hear that it worked.

[Author]

Posts