Solved SP Page Builder

Custom CSS not changing

Asked by Bob Coyne 1 year ago Last activity 1 year ago

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.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

Hi Bob,

  1. Hard to say, becuase it works in 99% cases in Helix Ultimate based templates.

  2. 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".

  3. 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;}

3 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
1 year ago

Hi

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.

Mehtaz Afsana Borsha Staff
1 year ago

Hi

Is this solved now?

Bob Coyne Asked this
1 year ago

Yes that works now, thank you for your help.

Apologies for the delay, I no longer receive email notifications of your replies.

Mehtaz Afsana Borsha Staff
1 year ago

No worries and thanks for accepting the answer.

Log in to reply.