[Make] How to Reduce Footer Height

  • Resolved chrishannon

    (@chrishannon)


    8 years, 6 months ago

    I am using the Make theme and need to reduce the footer height. I have a Siteorigin widget in in each of the three widget areas (2 Siteorigin Editor widgets and one Social Media widget).

    I have installed the Simple Custom CSS plugin. Can anyone provide me with some custom CSS that will allow me to reduce the height of the footer?

Viewing 15 replies - 1 through 15 (of 18 total)

  • Hey there,

    Can you please post a link to your site? Thanks!

    To reduce the height of the <footer> element you can reduce the padding, like so:

    .site-footer {
    padding: 2.2rem 0;
}

    If it’s something more specific then please provide a link to your website so we can inspect further and provide you with a working solution.

    Hope this helps.

    Thread Starter chrishannon

    (@chrishannon)

    I am SO SORRY, Suyogya and ThemeSumo! I did not receive any notification emails that you had responded!

    The site URL is fleurdelismarketing.com/sold.

    I hope that you can help me figure this out!

    .footer-widget-container .widget,
.footer-widget-container .widget p {
    margin-bottom: 0;
}

@media screen and (min-width: 800px) {
    .site-footer .widget-area {
        margin-bottom: 0;
    }
}

    Hope this helps.

    • This reply was modified 8 years, 6 months ago by ThemeSumo.
    Thread Starter chrishannon

    (@chrishannon)

    ThemeSumo, that helped a lot! Take a look! Thanks!

    I would still like to reduce the height some more. Any thoughts?

    .site-footer {
    padding: 2rem 0;
}
.footer-widget-container p {
    margin-bottom: 0;
}

    This should do the trick.

    • This reply was modified 8 years, 6 months ago by ThemeSumo.
    Thread Starter chrishannon

    (@chrishannon)

    ThemeSumo, you are my hero! Thank you very much!

    Hi ThemeSumo!
    I have the same problem…. would you be so kind to give me an advice?
    Thanks…
    The website is assetservicecenter.com

    • This reply was modified 8 years, 4 months ago by fastebiz.

    Your site is in maintenance mode, you should start your own thread with your specific requests so people understand what your issue is.

    Sorry for the inconvenience, I do apologize for that. The site is up and running now ??
    Thanks

    You can add this CSS code to your Child Theme style.css file, or using a Custom CSS plugin.

    .footer-widget {
    margin-bottom: 35px !important;
}

    If you require further assistance, please open your own support thread.

    Hope this helps.

    It works! Thanks a lot!
    Is there any way to keep the widgets’ titles just a bit below?
    Thanks in advance

    inthepool130

    (@inthepool130)

    Hello,
    I have the same problem, I would like to reduce the height of the footer (the widget area). I tried different things but it doesn’t work…
    Can you help me please ?

    The website is https://www.koz-conseil.com

    Thank you !

    hello, am also having the same problem. i would like to reduce the footer height…..can you help me please?
    the website is https://www.heartsoulconsult.com

    Thread Starter chrishannon

    (@chrishannon)

    @georgekayode:

    I tried inserting the following code, which I believe was provided by one of the earlier repondents, and it appeared to work for me:

    To reduce height of footer in Make:

    .footer-widget-container .widget,
    .footer-widget-container .widget p {
    margin-bottom: 0;
    }

    @media screen and (min-width: 800px) {
    .site-footer .widget-area {
    margin-bottom: 0;
    }
    }

    To further reduce height of footer in Make:

    .site-footer {
    padding: 2rem 0;
    }
    .footer-widget-container p {
    margin-bottom: 0;
    }

    I would also recommend joing some WordPress-related Facrebook groups. They have been a very important source of assistance. Just go to Facebook and search for “WordPress.” I recommend WordPress Plugins and WordPress Help & Share.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘[Make] How to Reduce Footer Height’ is closed to new replies.