Support » Fixing WordPress » Thinner Footer

  • Resolved trevisaur


    Hi everyone!

    I have 2 main issues with my site right now.

    As you can see, my footer is far too big and bulky. I need help with the following:

    1. How can I reduce the height of my footer so that there isn’t so much empty space?

    2. How can I decrease the space between the page content and the footer so that it doesn’t hover too high over the footer?

    Thank you in advance!

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • you could put the following code in your Additional CSS:

    first should get rid of the padding at the botom of the content
    the second the margin and padding at the top of the information in the footer

    .site-content {
        padding-top: 50px;
        padding-top: 3.125rem;
        padding-bottom: 0px;
        position: relative;
    .site-info-wrapper {
        margin-top: 0px;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 8px;
        font-size: 15px;
        font-size: 0.9375rem;
        letter-spacing: .15em;
        color: #6d686c;

    Dude. You. Are. Amazing!

    It fits perfectly! Problem SO solved!



    as i’m using a storefront theme, i noted various css components can also be tuned
    but that aggressively flushing / removing the padding may make the texts and layout too flushed against an edge etc. there are apparently various components in the footer which probably ‘spaced out’ the items

    .site-footer {
    	padding-bottom: 5px;
    	padding-top: 20px;
    .site-info {
    	padding-bottom: 0px;
    	padding-top: 0px;
    .footer-widgets {
    	padding-top: 0px;
    	padding-bottom: 0px;
    • This reply was modified 5 months ago by  ag1233.
    • This reply was modified 5 months ago by  ag1233.
Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.