Remove "TOP" button on footer

[jakelarsen1999]

I currently am working on a site and it has been going fairly smoothly.

I had chosen the theme colors as dark blue, light grey, and light green. However, I noticed today that there is an ugly "TOP" button which sends you to the top of page. It is a nice feature to have on the site but it is a bright bronze and does not fit with the rest of the site.

Is there a way to edit the design of the button - or at least remove it?

It is on the top right of the footer section of my website.

When I try to edit the footer the button isn't there, I can only edit the footer text.

[NJRFTF]

@jakelarsen1999

Website address?

[jakelarsen1999]

@NJRFTF

atlantabible.org
Any way to fix this is appreciated, thanks!

[MJCS · Accepted solution]

Hi @jakelarsen1999,

The TOP button is managed with the .scrolltop class. If you want to get rid of it add this to the end of your main css file:

.scrolltop {
    display: none;
}

You can also choose to change its color and background to something that suits your theme. For example:

.scrolltop {
    background: #222222;
    color: #80c64d;
}

Which will produce this look:

 Let me know if you need any more guidance.

Regards, Mark

[MJCS]

Hi @jakelarsen1999,

How did you go with your website? It seems to be gone now. Did you find another solution or use the CSS that I provided?

It's helpful if you can reply to the help offered so other users know if it can solve their problems too.

Regards, Mark

[jakelarsen1999]

@MJCS

Thanks, it did work! I originally kept the button and made it look nicer, but it looks cleaner and more symmetric without it.

Thank you and I'll mark your answer as the solution

[MJCS]

Glad to hear that, @jakelarsen1999.

Cheers, Mark