Change height of footer

Hi, how do I change the height of the footer at the end?

Hello @exec,

Please try to use the following CSS code to make your footer 100px high.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

#colophon {
    height: 100px;

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hi Roman,

thanks for the reply. I added the code but the height doesnt seem to change. I’ve tried changing the value but no difference.



Hello Linda,

I can see that code works, currently you set the height of your footer to 50px.

Default height is about 47px, that’s why you don’t see any difference.

Please increase the value at least to 70px and you will notice the change.

Kind Regards, Roman.

oh! actually I’m referring to the the block above the footer that you are referring to (the blue part)

My webpage is

Hello Linda,

Please try to use this CSS code instead:

.footer {
    padding: 100px 0 !important;

Kind Regards, Roman.

works great now thanks!

You are welcome Linda!

I’m glad that it works now, and have a nice day :slight_smile:

Kind Regards, Roman.