Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #817881

    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?


    Hey CampFigtree,

    Add your code to the very top of css so it runs first to rule out any css errors that may be causing it not to run.

    Best regards,
    Jordan Shannon


    Jordan… thank you! the most simple solution…



    Great! I’m glad I was able to help and if you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.