Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 20, 2015 at 2:13 pm #447091
    raslade

    Hi there

    Is it possible to replace the character in the scroll to top button with a custom icon in png format?

    Thanks
    Richard

    May 20, 2015 at 2:41 pm #447104
    Yigit

    Hi Richard

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    a#scroll-top-link {
  background-image: url(https://cdn3.iconfinder.com/data/icons/google-material-design-icons/48/ic_vertical_align_top_48px-128.png);
  background-position: 50% 50%;
  background-size: contain;
}
a#scroll-top-link:before {
  content: '';
}

    Cheers!
    Yigit

    May 20, 2015 at 3:01 pm #447128
    raslade

    Hi Yigit

    Awesome thank you. I’ve removed 

    a#scroll-top-link:before {
  content: '';
}

    though, as the link was disabled with the mark-up

    Richard

    May 20, 2015 at 3:03 pm #447131
    Yigit

    Hey!

    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Custom scroll to top icon’ is closed to new replies.