Can’t find CSS for changing Footer space

Hey @kulius ??

The padding within that footer is actually coming from the columns contained inside it. Here’s a screenshot which shows where they padding is being added. You can see it marked in the yellow.

Can you please try editing the Columns block – and changing the margin value in the Dimension settings?

Dimension Settings Overview

Hi there,

already tried that but I don’t have that option from my theme.

Is there a Css way.

I could not find the Css name where I could change that.

Thx

Ah sure thing – you can try this out ??

/* Less margin on top and bottom of footer columns */
.footer-widgets-wrapper .footer-widgets .wp-block-columns {
    margin-top: 10px;
    margin-bottom: 10px;
}

Thansk for that worked just great.

Quick question wich tool are you using to find out css directory like that.

Just with chrome and inspect.

Or what ?

Hey @kulius – I just use Chrome with the native inspector yes.

Inspecting the elements (and seeing when they have padding/margin) helps me make sure I use the correct CSS selector. And then sometimes you may need to add extra selectors to make sure the CSS rule is specific enough (like adding the .footer-widgets-wrapper .footer-widgets to the CSS above).

Hi there,

ah ok, now I have a much better understanding what you are always looking on.

Thank you very much.