Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • August 29, 2013 at 7:16 pm #28663
    kellymarie2001

    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!

    August 29, 2013 at 7:21 pm #138261
    kellymarie2001

    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?

    August 30, 2013 at 1:28 pm #138262
    Yigit

    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

    August 30, 2013 at 5:08 pm #138263
    kellymarie2001

    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!

    August 30, 2013 at 5:18 pm #138264
    Yigit

    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

    August 30, 2013 at 5:27 pm #138265
    kellymarie2001

    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.

    August 30, 2013 at 5:32 pm #138266
    Devin

    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

    August 30, 2013 at 5:48 pm #138267
    Semel

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

    August 31, 2013 at 5:01 am #138268
    Ismael

    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

    September 1, 2013 at 5:38 pm #138269
    rajaman

    Hello suport

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

    September 2, 2013 at 3:45 am #138270
    Ismael

    Hey,

    You can use this:

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

    Regards,

    Ismael

    September 3, 2013 at 5:39 pm #138271
    rajaman

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

    September 3, 2013 at 9:22 pm #138272
    Yigit

    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

    September 4, 2013 at 4:26 pm #138273
    rajaman

    Excellent! That worked great! Thank you Yigit.

    September 5, 2013 at 1:27 pm #138274
    Yigit

    Hi,

    You’re welcome, glad we could help

    Regards,

    Yigit

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