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

    #138261

    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?

    #138262

    Hi,

    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; }

    Regards,

    Yigit

    #138263

    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: http://www.greenway2020run.com/ – 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.

    Thanks!

    #138264

    Hi,

    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

    Regards,

    Yigit

    #138265

    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.

    #138266

    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.

    Regards,

    Devin

    #138267

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

    #138268

    Hey,

    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;
    }

    Regards,

    Ismael

    #138269

    Hello suport

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

    #138270

    Hey,

    You can use this:

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

    Regards,

    Ismael

    #138271

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

    #138272

    Hi,

    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

    Regards,

    Yigit

    #138273

    Excellent! That worked great! Thank you Yigit.

    #138274

    Hi,

    You’re welcome, glad we could help

    Regards,

    Yigit

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘Back to Top link/icon in footer’ is closed to new replies.