Back to top in Footer Template

freiwild · June 25

Hi,

I have created a footer template. How do I insert an icon there that has the Back to Top function?

Kind

Adam

Phil · June 25

Hi,

Add any element with link field you like to your Footer template, in the link field put #Wrapper, and add scroll class to this element.

Best regards

freiwild · June 25

How can I set the element to sticky?

Phil · June 26

There is no option for that.

Best regards

freiwild · June 26

Ok, then I'll go back to the standard option.

Here I have the problem that although I have selected white as the background colour, it is not displayed.

Phil · June 26

Try the following CSS code:

#back_to_top{
 background-color: #fff;
}
#back_to_top i{
 padding: 8px;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

freiwild · June 26

Thank you! Now it's a square, can you also make a circle?

Phil · June 27

Replace the first code I have sent with the following one:

#back_to_top{
 background-color: #fff;
 border-radius: 50%;
}

Best regards

freiwild · June 28

Now it is oval and not round.

Phil · June 28

You did not include this part:

Please add it and all should be fine.

Best regards

freiwild · June 28

You're right. Thank you!

Comments