Hi,
What’s the best way to standardize padding? I need to have 70px above and below all content and am using color sections for every column. I have modified the default padding to:
.content, .sidebar {
padding-top: 70px;
padding-bottom: 50px;
}
This works for some sections but not others. Most sections have “special headings” and it seems that the line height of the heading is contribuing to spacing, also some elements such as accordions aren’t getting the normal padding.
My site is currently password protected.
Please let me know best practice to address the issue of having the same padding above and below content in all color sections.
thanks
Hey josiehaney,
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
Victoria
Hi,
Which elements have more than specified? Perhaps they already had padding applied.
Best regards,
Jordan Shannon
I think it’s because all the different elements have pre-built padding in them, is there an easy way to standardize padding for all elements?
Hi,
Could you provide a screenshot of the issue? The css modification above will only affect the main content and sidebar container.
Best regards,
Ismael
I wound up zeroiong out all padding and then using whitespacers, with varying success.
Hi,
Did you need additional help with this topic?
Best regards,
Jordan Shannon
I still haven’t completely resolved the issue, is there an answer to my question regarding the best way to standardize heights of color sections?
Hi,
You can set a fixed height via css.
Best regards,
Jordan Shannon