Archived topic

Back To Top button text won't stick

9 replies · Started by Peter on January 11, 2022

Viewing posts 1–10 of 10

January 11, 2022 at 11:22 am #2077015

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.

January 11, 2022 at 11:59 am #2077069

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 :)

January 11, 2022 at 12:45 pm #2077121

Sure.

January 11, 2022 at 1:25 pm #2077150

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

January 11, 2022 at 2:04 pm #2077173

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

January 11, 2022 at 2:39 pm #2077199

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/

January 12, 2022 at 8:33 am #2078146

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

January 12, 2022 at 9:22 am #2078226

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;
}

January 12, 2022 at 9:34 am #2078233

Beautiful. Thanks.

January 12, 2022 at 11:40 am #2078354

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.