Default section padding

  • I want to give all sections a default left and right padding of 20px, without having to manually set it for each and every new section. This enforces consistency of spacing at the left and right edge of the screen on mobile.

    I know I can save a section to resuse in the library…. but is the only way otherwise to set the following CSS rule? Or am I missing a ‘default padding’ setting somewhere?

    .elementor-row {
    padding-left: 20px;
    padding-right: 20px;
    }

    Thanks.

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi @fuzzyness,
    You can add CSS, but if you are talking about section you need this: 

    .elementor-section {
    padding-left: 20px;
    padding-right: 20px;
}
    Thread Starter Dave Foy

    (@fuzzyness)

    Thanks for the tip @boazpojo.

    Will there likely be a global default setting for padding on sections in future? It would really help with consistency, especially if multiple people are editing page designs.

    Thread Starter Dave Foy

    (@fuzzyness)

    Also, if I use .elementor-section then the CSS is overriden by (in the case of example) in the styles in the <head>:

    .elementor-element.elementor-element-84qy3ti {
    padding: 0px 0px 0px 0px;
}

    Whereas .elementor-row isn’t overriden by anything, and has the desired effect of creating some left and right padding on mobile.

    the padding-thing in my opinion is still something to look after… suggested that before.

    there are cases, where one have to deal with general padding for pages to match certain needs. “.elementr-row” is great for that – but not the ideal option when only needed on some pages and e.g. not on single-post or archive pages.

    so it still would be VERY helpful, if there would be an option to set row and maybe also section padding in general for every page where EL is used and of course with the ability to disable or edit per page when needed.

    would be some big step ahead – and obviously not only for me ??

    Thread Starter Dave Foy

    (@fuzzyness)

    Agreed @dasigna. ??

    Hi @fuzzyness,
    If you don’t set a specific padding in the editing panel,
    you aren’t suppose to experience any conflict with custom CSS.

    If you want to set it only on certain pages you can always give a class with the page’s ID – .page-id-xx.

    Anyway, this is something we will add in the future.
    Somebody already opened an issue for this on our Github.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Default section padding’ is closed to new replies.