Center icon in the scroll to top function

Support
#1

Hi,

I want to change the size of the mobile version’s scroll to top.

.x-scroll-top {
width: 25px;
height: 25px;
font-size:18px;
margin-right:3px;

}

But the icon isnt centering. What can i do to center this? And how do you change the color on hover. I tried a:hover and it didnt work.

Thanks.

#2

Hi Ali,

Thanks for reaching out.

I assume you’re referring to vertical alignment since the CSS works okay except for that part. In that case, please add line height equal to the font size. Example


.x-scroll-top {
width: 25px;
height: 25px;
font-size:18px;
margin-right:3px;
line-height: 18px;
}

Hope this helps.

1 Like
#3

Thank you - it worked perfectly! :slight_smile:

#4

You’re welcome.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.