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
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
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
Hi Al,
Can you give us a link to your site? so we can check why it’s not working.
Best regards,
Nikko
Sure, thank you
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
Hi, please try now.
Thank you
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
Hi Nikko, i deactivated the plug in, please try now
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
Perfect, it worked!
Just one more thing, how can i disable the square that appear on mousehover?
thank you!
Hi,
You’re welcome, try adding this css code:
#scroll-top-link:hover {
border: 0 !important;
}
Hope this helps :)
Best regards,
Nikko
Thank you Nikko! Your support was great!
Hi,
You’re welcome. Glad we could help! Thanks for using Enfold :)
Best regards,
Nikko