Change footer padding

[BillRy (Bill)]

Hello everyone,

Not much experience here and I tried searching…

I am trying to reduce the padding in my footer. I don’t know the CSS to do this. Any help appreciated! Thank you!

[joeworkman]

URL to the page?

[BillRy (Bill)]

Sorry, it is not published yet. I am working in the Walter 2 theme if that helps?

[teefers (Doug Bennett)]

@BillRy

Walter 2 theme

I don’t have Walter. Is it the one from “Archetypon”? I only see it listed as Walter, not Walter 2, so I’m assuming the 2 is version 2?

Anyway if this is the one: Archetypon, then bassed on the demo site try this:

.tm-footer {
    padding: 20px;
}

You can change the padding values to what you like:

    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;

[BillRy (Bill)]

@teefers

.tm-footer {
    padding: 20px;
}

Thank you! Yes, Walter by Archetypon. I pasted the code into the page HTML Code location and there was no change. I also tried the Code area under settings. Am I doing something wrong?

[teefers (Doug Bennett)]

@BillRy

I pasted the code into the page HTML Code location and there was no change. I also tried the Code area under settings. Am I doing something wrong?

That code should go into the CSS area of the either the page inspector(single page) or the CSS section under code area for settings for site wide.

I don’t have Walter, but on the demo site, this is what I get without the code:

When I add the above CSS:

You can see the developer tools in the browser added the green to show padding.

If that doesn’t work you’ll probably need to publish at least a test page for us to have a look at.

[BillRy (Bill)]

OK I was able to upload the site:
https://newmusicensemble.org

On the home page I entered there code that was given:
.tm-footer {
padding: 20px;
}

and changed the padding to 0, but still don’t see any change. I want the footer to be just below the divider, no space.

Thank you!

[teefers (Doug Bennett)]

This is why it’s best to include a URL.

Your original post said you wanted to change the “padding” in the footer.

The code above does just that. It changes the padding to the footer.

Here you can see the padding set to 0 by you and it is working.

Here I change the padding to 100px and you can see the changes applied.

Now for what you actually want is to eliminate the extra spacing above the footer.

Try this:

.uk-section-small {
    padding-top: 0;
}

[BillRy (Bill)]

Thank you, that works!