reduce footer padding

  • Hello.
    I am trying to reduce the padding of the footer menu in the custom css. I tried adding this code which didn’t work.

    footer .menu { 
  padding-bottom: -50px;
 }

    but whats weird is that if I add the code like this it works perfectly as if I can’t reduce the padding but only increase it.

    footer .menu { 
  padding-bottom: 50px;
}

    any ideas ?
    Thank you in advance.

    • This topic was modified 4 years, 7 months ago by Daniel.
    • This topic was modified 4 years, 7 months ago by Daniel.
    • This topic was modified 4 years, 7 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic

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

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

  • Hi Daniel,

    You can apply below CSS to solve the issue and get the result like this: https://prnt.sc/tx4a1p

    .footer-menu {
    padding-bottom: 0;
}
.site-info {
    padding-top: 10px;
}

    You can increase or decrease the value according to your requirements. ??

    Thread Starter Daniel

    (@davil2008)

    Thank you so much !! Is there also a way to reduce the padding between the footer menu and the footer columns ?

    Yes, you can apply below CSS to do that:

    .footer-menu {
    margin-top: -50px;
}

    Margin can take both positive and negative values but Padding only takes positive values and negative values are ignored. ??

    Thread Starter Daniel

    (@davil2008)

    Yes, thank you so, much !! One last question: I have a Copyright area which is at the very bottom of the footer, so is there a way to bring the menu below it so that the menu will be at the bottom and the copyright above it, were the menu was ?

    Thread Starter Daniel

    (@davil2008)

    I’m sorry for all these questions, but your just to good !!

    I’m sorry for all these questions

    No problem at all. ??

    I have a Copyright area which is at the very bottom of the footer, so is there a way to bring the menu below it so that the menu will be at the bottom and the copyright above it, were the menu was ?

    It can be done from the theme editor and CSS as well.

    Please apply the below CSS to get the result:

    .footer-menu {
    padding-bottom: 0;
}
.site-info {
    margin-top: -90px;
    padding-bottom: 60px;
}
    Thread Starter Daniel

    (@davil2008)

    Yes !!!!!!!!!!!!!!!!!!! Your a god, man !!!

    Happy to help. ??

    Thread Starter Daniel

    (@davil2008)

    I was working on improving my footer weeks now and this is the final touch !!

    ??

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘reduce footer padding’ is closed to new replies.