Archived topic
Scroll back to top button
11 replies · Started by Steve on November 17, 2022
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
Hi there,
can i see the site you want to apply that to? Then i can propose the best solution.
Yes, sorry... thought I included that. https://drstevepeters.organicflyfarm.com
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?
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.