[Support request] Edit Padding in Columns (Elementor)

[Felix]

Hi,

I want to edit the global Paddings (and Margins) for all Columns. Right now i had to edit every single Column by its own. Im sure there is a more elegant way to define it globaly.
pls help

[David]

Hi there,

Elementor doesn’t apply a global control for padding, but you could try this CSS:

.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 20px !important;
}

This is out of our scope so we can’t really offer much more than this.

[Felix]

thanks david!

is this the same for mobile?

[David]

For mobile you could try this rule using a media query:

@media (max-width: 768px) {
    .elementor-row>.elementor-column>.elementor-element-populated {
        padding: 20px !important; /* adjust for mobile */
    }
}

[Jos]

Nice CSS to get great results.
Great tip David.

Greets,
Jos

[David]

Glad you found it useful 🙂

[Author]

Posts