Remove Padding
Joe Lockhart
How do I remove this padding without over riding the CSS? I don't want to have to go into the backend CSS.
sp-main-body {
padding: 100px 0;
Also, how do I get ride of the border?
Thank you!
Paul Frankowski
Accepted AnswerAdd also that line:
#sp-left .sp-module ul > li, #sp-right .sp-module ul > li {border-bottom: 0;}
I SAW THAT YOU USED MY PREVIUS CSS already.
Paul Frankowski
Accepted AnswerHi Joe.
Always before posting start from documenation tips: https://www.joomshaper.com/documentation/helix-framework/customization-tips#how-to-reduce-space-between-header-and-article-s-area
Paul Frankowski
Accepted AnswerThe white line that you had was from module style, use that Custom CSS override
#sp-left .sp-module, #sp-right .sp-module {margin-top: 10px; border: 0; }
And before you would ask me where I should put that CSS - read here > https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta#documentation-heading-3
Joe Lockhart
Accepted AnswerThank you Paul. Both of your suggestions worked!
Now, how do I get rid of the white line between the menu?
:)
Paul Frankowski
Accepted AnswerDo you mean the line under "1" and "2" and button "View More details"?
If yes, it's from OSProperty component styles, beyond our support!
Paul Frankowski
Accepted AnswerShare a new screenshot with arrow and URL - it will be more helpful!
Of course, I can help with Helix Ultimate and our extensions ONLY.
Joe Lockhart
Accepted AnswerHere is a link to the site.
As you can see the padding is still there even though I used the custom css.
Thank you.
Joe
Paul Frankowski
Accepted Answer- Link Error 404
- No site, root files :/
Joe Lockhart
Accepted AnswerAny update please.
Joe Lockhart
Accepted Answer Paul Frankowski
Accepted AnswerIf we talk about that area with default padding: #sp-main-body {padding: 100px 0;}
As you already know, you can override it with any value you want, even 'zero' none:
#sp-main-body {padding: 0;}
We informed about that in Helix documenation.
Just use custom.css file or Custom CSS area in Template Options > Custom Code.