Horizontal spacing between containers

Hi, I want to try something. What I have at the moment is default top and bottom padding which give me inconsistent horizontal spaces between containers.
What I want to try is to get rid of default top and bottom padding to end up with no spacing between containers.
When looking at the script in inspect mode it shows the following…
—
.content, .sidebar {
1. padding-top: 50px;
2. padding-bottom: 50px;
3. -webkit-box-sizing: content-box;
4. -moz-box-sizing: content-box;
5. box-sizing: content-box;
6. min-height: 1px;
7. z-index: 1;
}
—
Then I change it to look like this…
.content, .sidebar {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
—
In the inspect mode it gives me the correct results – containers laying on top of each other with no spacing in between, but when I paste it in my Custom CSS, it does not give me the results I want – not even if I add “!important”.
The reason I want to try this is to add exact even spaces with the separator widget…
Can anyone assist please?
Thanks,
Pieter