Site logo

[Support request] How to customize Back to top button

Home Forums Support [Support request] How to customize Back to top button

Home Forums Support How to customize Back to top button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2250810
    Hana

    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]

    #2250917
    David
    Staff
    Customer Support

    Hi there,

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

    #2250951
    Hana

    by widget area

    #2251267
    Ying
    Staff
    Customer Support

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.