Help with the footer

[NadiaCrisisEquipped]

Hello! I’m wondering if you could help me with my footer settings. I would like 4 columns, so I used the Global Blocks and followed all the steps instructed of me here: How to make a footer like this?

This was the result:

I’m not sure how to adjust the settings. I would like the bottom footer (circled) removed completely, the logo on the 4th column to be bigger, and the social media icons to be side by side.
I toggled with the setting options (see screenshots below) and nothing changed, so I’m wondering where the error might be occurring.

Thank you so much for your help and insight!
Nadia

[lely]

Hello Nadia,

Yes that is the correct settings to disable footer socials and the text container the copyright. You might not see the changes because of caching. Please clear cache after every changes. Check after that.

About 4 layers column of the footer, I don’t see it at the moment. Please add it so we can see your setup. Thank you.

[NadiaCrisisEquipped]

Hello!

The footer worked, but I’m finding one more issue.
When the browser window (on desktop) is shrunk to a small width, the footer looks perfect:

But as soon as I stretch the bowser window a little bit, it looks like this:

Could you help me fix this issue? I want it to look the same as above. I don’t know why it’s making the columns so skinny.

Thanks for your time and help!
Nadia

[ruenel]

Hello Nadia,

I can see that you are using global blocks which you have inserted in an html widget. Please edit each of your global block and make sure that the column width in your row settings is 100% or simply means that you only have one column in your row.

If this is not helping, kindly provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Regards.

[NadiaCrisisEquipped]

That worked!! Thank you for your help

One more question with respect to the footer- could you show me how to make the top and bottom margin smaller?

Thanks for your time!

Nadia

[lely]

Hi Nadia,

Please try to edit your global block for footer. Inspect section and make sure to reset top and bottom padding to zero. By default it is 45px. Set it sero. Check again after that.

Hope this helps.

[NadiaCrisisEquipped]

Hello! I had updated the margins previously to 5 PX so I just switched them to 0 and the change is minimal. Any other options to make the gap smaller? I’m thinking it would have to be updated/ changed in the code?

Thanks for your help!

[lely]

Hi Nadia,

At this point please share site URL. If credentials is needed please add it too inside the secure note. Thank you.

[NadiaCrisisEquipped]

my website url is crisisequipped.com
Thanks for your help

[jade]

Hello Nadia,

Thanks for providing the URL.

There is a default CSS that comes with the theme that adds the top and bottom padding to the footer area.

You can override it by adding this code in X > Theme Options > CSS:

.x-colophon.top {
    padding: 50px 0 40px;
}

Kindly note that since this is a custom code that changes the default behavior/display of the theme, you will be responsible to maintain or update the code in case you require further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Hope this helps.

[NadiaCrisisEquipped]

That worked perfectly! Thanks for your help!

[matt]

You’re very welcome, Nadia!