Back to top button – cursor alignment

[Cesar]

Hello there! =)

I’ve resized back to top button, but the arrow (that ^ inside de button) keep aligned on top.
Theres a way to adjust vertical align to center? Horizontal alignment is ok in the middle.

Thanks!

[Leo]

Hi there,

It should aligned centered horizontally and vertically by default.

Can you do this first:
https://www.screencast.com/t/wgLhb3ftU

And make sure there is no custom CSS interfering with it?

Let me know 🙂

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

[Cesar]

Thanks for reply Leo! =)

Cache cleaned.
I have a custom CSS to align the button with no margin on right-bottom corner.

.generate-back-to-top {
width:60px;
height:60px;
bottom: 0px;
right: 0px;
}

[Leo]

Can you please make sure the caching plugin is disabled so we can see the source of the code?
https://www.screencast.com/t/wgLhb3ftU

What is your CSS for? What are you trying to accomplish with the custom CSS? Is the issue resolved without it?

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

[Cesar]

Sorry. Now it’s disabled.
This CSS is to resize and realign the back-to-top buttom.
Make it bigger than default and stick it to the bottom-right corner.

[Leo]

Remove your CSS and try this instead:

.generate-back-to-top, .generate-back-to-top:visited {
    bottom: 0;
    right: 0;
    line-height: 60px;
    width: 60px;
}

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

[Cesar]

Perfect Leo.
You’re the best!
Thanks a lot!

[Leo]

No problem 🙂

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

[Author]

Posts