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!
Solved
Helix Framework
Remove padding
Accepted answer
Marked as the solution
Paul Frankowski Senior Staff
Add 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.
Joe Lockhart Asked this
Thank you!!
8 more replies
Paul Frankowski Senior Staff
Hi 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 Senior Staff
2 years ago
· edited
The 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 Asked this
Thank you Paul. Both of your suggestions worked!
Now, how do I get rid of the white line between the menu?
:)
Joe Lockhart Asked this
Paul, I spoke too soon. The space is back and I don't know how to get rid of it. I've tried what was suggested in the link, but the space it still there.
Can you give me more details on how to fix this please.
Thank you!
Paul Frankowski Senior Staff
Do 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 Senior Staff
Share 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 Asked this
Any update Paul?
Thank you
Joe
Joe Lockhart Asked this
Here 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 Senior Staff
- Link Error 404
- No site, root files :/
Joe Lockhart Asked this
Any update please.
Joe Lockhart Asked this
Paul Frankowski Senior Staff
1 year ago
· edited
If 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.
Joe Lockhart Asked this
I did that and it didn't work but for some reason now it does. Thank you! The only other question is how do I get rid of the white lines in the menus??
Thanks Paul.
Log in to reply.