Scroll Anchor modification

[King]

Hi Guys,

i am just modifying the scroll anchor and i have pretty much got what i want. I wanted to change the colour, make it a circle and make it a bit bigger which i have done. After dong this the arrow icon in not central in the circle. So you know how i can vertically center this? The code that i have so far is:

body .x-scroll-top {
min-width: 50px;
min-height: 50px;
border-radius: 25px;
background-color: #fcc100;
border: 2px solid #fcc100 !important;
color: #162536 !important;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
zoom: 1 !important;
Cursor: pointer !important;
}

and my website is https://hadleylearningcommunity.org.uk/primary/

thanks.

[rad]

Hi Chris,

Thanks for reaching out.

Please try adding line-height to your styling, like

line-height: 20px;
}

Change its value until you achieve the preferred alignment. I couldn’t directly check it as it’s behind a coming soon page.

Thanks!

[King]

[quote=“Rad, post:2, topic:52261”]
line-height: 20px;
[/quote]Hey @Rad

line-height: 42px did the trick. Thanks very much

[rad]

You’re most welcome!