Archived topic

Edit Padding in Columns (Elementor)

5 replies · Started by Felix on February 1, 2019

Viewing posts 1–6 of 6

February 1, 2019 at 6:17 am #798606

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

February 1, 2019 at 6:27 am #798622

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.

February 1, 2019 at 6:47 am #798648

thanks david!

is this the same for mobile?

February 1, 2019 at 6:51 am #798719

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 */
    }
}

December 30, 2019 at 9:39 am #1117659

Nice CSS to get great results.
Great tip David.

Greets,
Jos

December 30, 2019 at 11:24 am #1117757

Glad you found it useful :)

This archived topic is closed to new replies.

Start building better websites today.