Reducing footer size

[Web_Services]

Hi,

My site is newsite.storeitcold.com.

I want to keep all the links i have on my footer. But I want to make the area occupied by the footer smaller, so that it takes up only half the space it is currently taking up. How can I do this?

Thanks!

[nabeel]

Hi @Web_Services,

Thank you for reaching out to us. To reduce the footer size, you can minimize the footer padding and extra margins and In addition to that you can reduce the font size of the footer links also. To do this, please add the following code in the Theme Options > CSS:

.x-colophon.top {
    padding: 10px 0;
}
.x-colophon.bottom .x-colophon-content {
    margin: 0;
}
.x-colophon .widget {
    margin-top: 10px;
}
.widget ul li a, .widget ol li a, .x-comment-time {
    font-size: 13px;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!