Reducing space in footer

  • Resolved explorepaw

    (@explorepaw)


    5 years, 6 months ago

    Hello,

    I have been trying to amend the footer on my site to show a couple of links either above or next to each other in the footer. I have now managed to work out how to get the links horizontal rather than vertical and how to center them (although they don’t align perfectly). But the biggest problem is the amount of space which is around them. I assume this is because the theme allows for four widgets and so the extra space is for them, but i cannot work out how to reduce this and copying code from other threads hasn’t worked.

    Could someone help me find the correct code to do this? It would also be great if i could align both the text an images to the centre of the page rather than at 42%. I can do this with the text links but not the image ones.

    Thank you in advance!!

    Shelley

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi, tried looking at your site but it is displaying an “Error establishing a database connection” message right now. Once you get this fixed and the site working again, please let me know and I can take a look to see if I can help.

    Thread Starter explorepaw

    (@explorepaw)

    Hi Jarret, thanks for taking a look. The website seems to be okay now?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    What are the names of these links?

    Hi @explorepaw ,

    Find out where in your theme the footer widget margins are being set or add this custom CSS to your child theme or additional CSS area. But, don’t forget to change the 50px to the size of your liking.

    Note: % units are responsive. PX units are not. You can use REM or EM units as well (both are responsive).

    
/* Space under Privacy and Terms. */
#nav_menu-2.widget.widget_nav_menu {
  margin-bottom: 50px; /* Change this to something like 1% or 2%. */
}

/* Space under the Socials. */
#sfsi-widget-2.widget.sfsi {
  margin-bottom: 50px; /* Change this to something like 1% or 2%. */
}

    P.S. Please read-up on using Firefox or Chrome dev tools and maybe take a beginner class on CSS.

    • This reply was modified 5 years, 6 months ago by mark l chaves.
    Thread Starter explorepaw

    (@explorepaw)

    THANK YOU SO MUCH!!! This has worked!

    I will definitely take on board your comment regarding the beginners CSS course. I problem I have is whenever I build a website it all goes well until one or two small issues that are annoying but do not completely stop the project. And when i look for suggestions they are always tailored to a theme – i would never have tried #nav_menu-2.widget.widget_nav_menu or #sfsi-widget-2.widget.sfsi and was trying to amend all the ones I found in the footer code of the stylesheet. I agree – a beginners course would be very helpful!!

    Thank you once again for all your help!!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Reducing space in footer’ is closed to new replies.