There seems to be a minor issue with the Back to Top button color when you have a hover color set up in the Customizer (applicable to GeneratePress Premium only). This is particularly obvious on single page websites with Smooth scroll activated.

Whenever you hover over the button and click on it to go to the top, the button inherits the hover color next time it is visible on the screen. You would need to click outside the button somewhere on the screen to get the button to reset to the original no hover color.

To solve the issue, you can use the following CSS:

/* Reset Back to Top button hover state */

/* Use original Back to Top button background color set in the Customizer */
.generate-back-to-top:focus {
	background-color:#ab2eba;
}

/* Use original Back to Top button hover background color set in the Customizer */
.generate-back-to-top:focus:hover {
	background-color:#ad39ba; 
}

Now when you click the button to scroll up to the top, the button will reset back to the background and hover color next time it is visible on the screen. Adjust normal and hover state colors accordingly as they are set in the Customizer.

UPDATE: The issue has now been resolved in latest GeneratePress updates.

Need help on customizing GeneratePress or GenerateBlocks?

Get in Touch

Helpful info

Adding CSS

Adding PHP

Using a child theme

Keep up to date with newly released articles

Sign up to the Knowledge Base newsletter

Please leave this field empty

First name

E-mail *

You will only receive an email when new content is added in the Knowledge Base. No spam, that's a promise!

Thanks for subscribing! Please, check your inbox or spam folder to confirm your subscription.