Bottom footer area hight

Support
#1

Hello,
how can I change bottom footer area hight? I removed footer menu and footer social icons, i have there just content area but there is lot of spacing above and below this content area. How can i remove these spacings.

Thank you,

Palo

#2

Hey Palo,

Please add this code in X > Theme Options > CSS:

.x-colophon.bottom {
    padding: 15px 0;
}

Hope this helps.

#3

Yes it helped, thank you!

#4

You’re always welcome Palo!

Cheers.

#5

I have a lot of space under the footer. Also using Integrity. I tried the above css, but it did not work. This is what it looks like.

#6

Hi @HGPower,

It might a different reason on your site or you do have a CSS syntax error. Since you have a lot of site, please share the domain with this issue. Thank you.

#7

Secure note added to previous post. Thanks.

#8

Hi @HGPower,

I have remove the secure note. It should only be added if you are the owner of the thread. Anyway, the issue on your site is content. There’s not enough content to push the footer on the bottom.
Inspect the section where the element is added and then try adding this on Customize Tab > Element CSS:

$el.x-section {
    min-height: calc(100vh - 98px); /*Adjust 98px untill footer is on the bottom*/
}

In case you do have any other question, please open a new thread. Thank you.

#9

Got it. I am adding more content, but that works nicely in the meantime. Thank you.

#10

You are most welcome. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.