[Resolved] Back To Top button text won’t stick

[Peter]

I’ve enabled the Back To Top button, changed the shape (via CSS code), chosen the background colors and the arrow (text) colors. Everything works fine except when viewing the live site, the arrow colors do not update.

Any help would be appreciated. Thanks.

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Peter]

Sure.

[Leo]

Part of the CSS is getting overwritten by Elementor:
https://www.screencast.com/t/IlFsEA9p7wiA

[Peter]

Thanks Leo. Is this just a matter of tweaking a setting in Elementor, or will it be more complicated?

[Ying]

Not sure if that can be tweaked in Elementor as we are not expert of Elementor.

If you can not find the solution in Elementor, try this CSS:

body a.generate-back-to-top {
    color: #ffffff;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Peter]

Hi Ying,

That fixed the initial color but not the hover color. Can you give me the additional CSS for that?

Sorry, I’m new to CSS.

Thanks,

Peter

[David]

Hi there,

you can use this CSS for the hover:

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: #ffbe0b;
    color: #fff !important;
}

[Peter]

Beautiful. Thanks.

[David]

Glad to be of help

[Author]

Posts