Archived topic
Back to top button - cursor alignment
7 replies · Started by Cesar on January 8, 2020
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!
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 :)
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;
}
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?
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.
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;
}Perfect Leo.
You're the best!
Thanks a lot!
No problem :)
