It’s unclear if you want to change just the text margin or also graphic element margins. Assuming just the text, and all text is created in Elementor, try adding this to the customizer’s Additional CSS section:
body:not(.home) .elementor-text-editor {
margin-right: 1em;
}
Use any width value you like in place of 1em
Thank. In effect I would like to change text and images margins. what should I add to the code (which works) you have already sent me?
This will increase the right padding (currently 1em) of everything in the main content area (except for home page):
body:not(.home) #main {
padding-right: 2em;
}
You might consider learning how to use your browser’s element inspector developer tool. It’s an important aid in working out the desired styling of anything on the page. The linked page is a lot to digest and you may not need to know much of it. I suggest you first skim over it simply to get a feel for the sort of information available. Read in more detail anything that seems particularly useful. Then just start using the tool and learning how it works as you go along. You’ll learn a lot just by using the tool. If you get stuck on something, then you can refer back to the documentation.
If nothing else, it’ll help you arrive at just the right distance values, like is 2em good, or is 3em better? Any CSS rule change is immediately visible on the page. No change is persistent until it’s copied to Additional CSS. Reloading the page reverts everything back to its persistent state.
The linked page is specifically for Firefox, but the tool in Chrome is very similar. There ought to be a similar document specifically for Chrome. The linked page is just the first good documentation I saw in search results.
Perfect! Thank you very much.
MD
. Reason: Moved to Fixing WordPress, this is not an Developing with WordPress topic
