[Resolved] Change image for go to top button

Home Forums Support [Resolved] Change image for go to top button

Home Forums Support Change image for go to top button

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #699169
    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!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    GeneratePress 2.1.4
    GP Premium 1.7.2
    #699282
    David
    Staff
    Customer Support

    Hi there,

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

    #699291
    Gelu-Dănuț

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

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #699688
    David
    Staff
    Customer Support

    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; 
    }
    #699696
    Gelu-Dănuț

    Thank you!

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #699697
    David
    Staff
    Customer Support
    #796654
    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?

    #796656
    Gelu-Dănuț

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

    Advertoriale SEO in site-uri cu autoritate mare și foarte mare
    https://www.farcasgelu.eu

    #796705
    David
    Staff
    Customer Support

    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.

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.