Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
  • #28663

    How do I remove the “back to top” arrow icon from the bottom of my pages (the #top link). Those things drive me nuts! It’s also creating quite a bit of extra/unnecessary padding in my footer.

    Thanks in advance!


    I actually just figured it out (of course) but there’s still quite a bit of padding in the footer – I think there may just be quite a bit of padding around images in the stylesheet?



    I guess you removed scroll to top button, if not please add

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

    this code to Quick CSS

    Default padding in footer is

    padding: 15px 0 30px 0;

    You can reduce it by adding following code to Quick CSS

    #footer {padding: 15px 0 15px 0; }




    Thanks Yigit!

    The Footer padding CSS didn’t seem to work at all – but I’m not sure if I was specific enough either. The footer I need to tighten up in terms of padding is the footer widget, which you can see here: – the area I’m referring to specifically is where the logos are. I’m wondering if there’s a style that’s in the theme where a lot of padding is being added to the images I’m inserting, I’m having similar issues with this in other sections of the site.




    Footer widget has top and bottom margin of 30px. Followig code will reduce top and bottom margin to 10px

    #footer .widget { margin: 10px 0 10px 0; }

    Please add it to Quick CSS




    Thank you Yigit! That did seem to help. However, I brought it down to zero and there is still quite a bit of padding above and below the image. I’m still wondering if there’s some padding being added to the images.


    The footer has its own padding for all of the content inside of it. The base values are:

    #footer {
    padding: 15px 0 30px 0;

    So you can edit them as needed to get rid of or add more space.




    If I remove the scroll-to-top button, is it possible to add the arrow in the footer instead?



    What do you mean add the arrow in the footer instead? You can change the position of the scroll to top button. Edit footer.php, find this code:

    <a href='#top' id='scroll-top-link' class='avia-font-entypo-fontello'></a>

    Cut it then paste it below this code:

    <div class='container_wrap socket_color' id='socket'>
    <div class='container'>

    Add this on your custom.css or Quick CSS:

    #scroll-top-link {
    position: absolute;
    right: 50px;
    bottom: 0px;
    border: none !important;




    Hello suport

    I’d like to change the background-color when hovering over the “scroll to top” button. How can I do this?



    You can use this:

    #scroll-top-link:hover {
    background-color: red;
    color: violet;
    border: 1px solid white;




    Thank you Ismael, that worked. Is there a way to remove that little arrow inside the button and replace it with a different image?



    In your WordPress installation please go to Enfold and open Footer.php file and find this code in line 165

    and change it to

    some CSS adjustments may be needed after it




    Excellent! That worked great! Thank you Yigit.



    You’re welcome, glad we could help



Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Back to Top link/icon in footer’ is closed to new replies.