Can someone kindly help me with this, tried everything on the forums but cannot seem to align the scroll arrow within the box so it’s centred. Thank you
I think you might have edited the .btn class. Check the Class Manager.
yes, eldar, thats it probably.
i would prefer, if the scroll btn would be separated CSS-styling-wise from normal buttons by default.
You can target just the scroll to top button by editing the class .scrollToTop
1 Like
Hi Eldar, i didn’t edit any settings intentionally, is there a way i can reset it so the arrow is within the box as it should be, any pointers would be greatly appreciated. Thank you
Open the scrollToTop class and adjust the padding settings. If it’s not being applied, you can also check the !important rule to make sure it overrides any other settings your project might have.
Thanks Eldar, your kind help is appreciated, I solved it with some custom code:
/* =========================
SCROLL TO TOP BUTTON FIX
========================= */
.scrollToTop {
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: normal !important;
}
.scrollToTop i,
.scrollToTop svg {
margin: 0 !important;
padding: 0 !important;
line-height: 1 !important;
transform: translateY(-1.5px);
}
1 Like
I prefer not to use code unless there is no way to do this in Blocs, but that will obviously work too.
1 Like