Thinner Footer

  • Resolved trevisaur

    (@trevisaur)


    6 years, 1 month ago

    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
    and
    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;
}
    Thread Starter trevisaur

    (@trevisaur)

    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 6 years, 1 month ago by ag1233.
    • This reply was modified 6 years, 1 month ago by ag1233.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Thinner Footer’ is closed to new replies.