Hi @fuzzyness,
You can add CSS, but if you are talking about section you need this:
.elementor-section {
padding-left: 20px;
padding-right: 20px;
}
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.
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 🙂
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.
