Archived topic
Change image for go to top button
8 replies · Started by Gelu-Dănuț on October 11, 2018
Is possible to change image for Go to top button? Please, see example here: https://cetin.ro.
I want to change this button on my website, https://www.multeii.ro and other websites.
Thank you!
Hi there,
are you wanting to use an image instead of an icon?
Yes, please. Please, see for example: https://cetin.ro/ Go to top button.
Thank you!
Try this CSS:
.generate-back-to-top,
.generate-back-to-top:visited, .generate-back-to-top:hover {
border-radius: 0px;
line-height: 40px; /* adjust the height */
width: 40px; /* adjust the width */
background-image: url("full_url_to_image.jpg"); /* add your image URL */
background-size: contain;
background-repeat: no-repeat;
background-color: transparent;
}
.generate-back-to-top:before {
Color: transparent;
}
Thank you!
You're welcome
Hey, David!
I want to do the same but I want to show a Rocket Icon instead of TOP arrow, can you please help me in this?
I use a rocket icon on https://www.vreaulego.ro/.
Hi Ravi.
you can use the CSS provided above, this background-image: url("full_url_to_image.jpg"); you need to edit and add the image URL you want use.