[Resolved] Change image for go to top button

[Gelu-Dănuț]

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!

[David]

Hi there,

are you wanting to use an image instead of an icon?

[Gelu-Dănuț]

Yes, please. Please, see for example: https://cetin.ro/ Go to top button.
Thank you!

[David]

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; 
}

[Gelu-Dănuț]

Thank you!

[David]

You’re welcome

[Ravi Dixit]

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?

[Gelu-Dănuț]

I use a rocket icon on https://www.vreaulego.ro/.

[David]

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.

[Author]

Posts