Custom CSS Not Changing
Bob Coyne
I'm trying to change some css, I've identified what needs changing:
sp-main-body {
padding: 120px 0;}
I want to reduce the top padding so the space is not so large. I've tried changing it to:
sp-main-body {
padding: 60px 0;}
And also to:
sp-main-body {
padding-top: 60px !important;}
However nothing happens. This is unusual as when I normally add something to the custom code area in Helix it changes. I've pasted the url in the hidden content and would appreciate your feedback. Thank you.
Paul Frankowski
Accepted AnswerHi Bob,
-
Hard to say, becuase it works in 99% cases in Helix Ultimate based templates.
-
You overlooked a small but important detail. Your template (UT Sombra) is not provided directly by JoomShaper — it only uses our Helix engine. This means we cannot offer official support for your template, according to JoomShaper Support Policy 8.8. As you know, this Support Forum is strictly for products downloaded directly from our site. I shared more details in "Hidden Content".
-
Anyway, try that:
- Create a new file here:
/templates/ut_sombra/css/custom.css - Add below custom CSS inside, and I wish you luck:
#sp-main-body {padding: 60px 0;}
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us and sorry for your issue. Could you please keep a full site backup and give me your super admin access? So that I can check.
-Regards.