Site logo

Archived topic

Change image for go to top button

8 replies · Started by Gelu-Dănuț on October 11, 2018

Viewing posts 1–9 of 9

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?

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.

This archived topic is closed to new replies.