Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #901558

    Hi everybody and thank you for this theme.

    I have a question: how can i change the back on top button with an image (transparent png)?

    Thank you very much

    Alberto

    #901573

    Hey takozzo,

    Try adding this css code in Quick CSS (located in Enfold > General Styling):

    #scroll-top-link {
        background: url('image_link') center center no-repeat;
    }
    
    #scroll-top-link:before {
        display: none;
    }

    Just replace image_link with the right url of the image you want to use. Hope this helps :)

    Best regards,
    Nikko

    #902043

    Hi Nikko and thank you for your reply.

    Unfortunately didn’t work:

    #scroll-top-link {
        background: url(‘http://www.eggxperience.it/wp-content/uploads/2018/01/tornasu.png’) center center no-repeat;
    }

    #scroll-top-link:before {
        display: none;
    }

    Any help?

    Thank you

    Al

    #902076

    Hi Al,

    Can you give us a link to your site? so we can check why it’s not working.

    Best regards,
    Nikko

    #902090

    Sure, thank you

    #902097

    Hi,

    I have checked it and your site asked for an email address, however it doesn’t allow me to see the page.

    Best regards,
    Nikko

    #902100

    Hi, please try now.

    Thank you

    #902298

    Hi,

    I have tried it again and used this email: (Email address hidden if logged out)
    This is what I get:

    Unrecognized email address. Please try again.

    Best regards,
    Nikko

    #902868

    Hi Nikko, i deactivated the plug in, please try now

    #902905

    Hi,

    Thanks, I have checked your site and noticed that the code I gave isn’t fetched, it should show on this css (link in private content). Do you have a caching plugin or minification plugin? if yes, please flush out the cache or disable the minification plugin as it might cause your site to fetch the old css.

    Best regards,
    Nikko

    #902914

    Perfect, it worked!
    Just one more thing, how can i disable the square that appear on mousehover?

    thank you!

    #903047

    Hi,

    You’re welcome, try adding this css code:

    #scroll-top-link:hover {
        border: 0 !important;
    }

    Hope this helps :)

    Best regards,
    Nikko

    #903291

    Thank you Nikko! Your support was great!

    #903563

    Hi,

    You’re welcome. Glad we could help! Thanks for using Enfold :)

    Best regards,
    Nikko

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Change icon of "back to top button"’ is closed to new replies.