Site logo

Archived topic

How to customize Back to top button

3 replies · Started by Hana on June 12, 2022

Viewing posts 1–4 of 4

Hello, How to customize Back to top button and make it on the top of the footer like this screenshot with custom color and hover color

[url=https://postimg.cc/DSrNMRzn][img]https://i.postimg.cc/7Zdyfk8G/Back-to-top-buttonjpg.jpg[/img][/url]

Hi there,

how have you created your Footer? Are you using a Block Element ?

by widget area

You can add the button using a block element.

1. Go to appearance > elements, and create a new block element.

2. Choose hookas element type, and choose before_footer as hook name.

3. Add the button and style it in the content area, add smooth-scroll class to the button:
https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

4. Set the button's URL to#top.

5. Go to customizer > general, and enable smooth scroll feature.

This archived topic is closed to new replies.