reduce footer padding

  • Daniel

    (@davil2008)


    5 years, 10 months ago

    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 5 years, 10 months ago by Daniel.
    • This topic was modified 5 years, 10 months ago by Daniel.
    • This topic was modified 5 years, 10 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)
  • Animesh Gaurav

    (@bizanimesh)

    5 years, 10 months ago

    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)

    5 years, 10 months ago

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

    Animesh Gaurav

    (@bizanimesh)

    5 years, 10 months ago

    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)

    5 years, 10 months ago

    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)

    5 years, 10 months ago

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

    Animesh Gaurav

    (@bizanimesh)

    5 years, 10 months ago

    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)

    5 years, 10 months ago

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

    Animesh Gaurav

    (@bizanimesh)

    5 years, 10 months ago

    Happy to help. 🙂

    Thread Starter Daniel

    (@davil2008)

    5 years, 10 months ago

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

    Animesh Gaurav

    (@bizanimesh)

    5 years, 10 months ago

    🙂

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

The topic ‘reduce footer padding’ is closed to new replies.