Solved SP Page Builder

Use my own ID

Asked by SPD 3 years ago Last activity 1 year ago

Just asking in case I am missing something.
Is it possible to create the ID myself so I can consistently reference it in custom.css

For instance, I have this…
<div Id = “sppb-addon-wrapper-1672156692254”>

.. which for some reason is giving me a 30px bottom margin which I don’t want and can't figure out why.

Since I have been taking advantage of My Sections a lot lately, it would be ideal if I could actually name the row/column/addon as opposed to a random number so it would be the same for each type of section I have, would almost work like template, for me anyway

So instead of the above I would have ..
<div Id = “sppb-addon-wrapper-my-custom-specific-thingy”>
Cheers

Accepted answer

Marked as the solution
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Sorry its not good to touch the core code . Please do not edit the template.css or any other CSS file from the Helix Ultimate template framework. The reason being that all of your changes will be overwritten by a template engine (reverting back to original code). Instead, we suggest using custom.css file where you can override the default CSS code created by the our team.

You can follow this documentation below:

https://www.joomshaper.com/documentation/helix-framework/helixultimate/custom-code

-Regards.

3 more replies

Oldest first Newest first Most helpful
SPD Asked this
3 years ago

Ah, didn't realise that was core stuff,would never touch that, just assumed it was a random generated number. Wondering if I could have control over that. No worries, guess I just have to live with the margin as I can't seem to override it but probably just my ignorance.

Thanks for quick response

Mehtaz Afsana Borsha Staff
3 years ago

No worries. You are most welcome.

fairpak
1 year ago · edited

Hi !
I have the same problem, unfotunately the link is dead.
every time I make an update the (XXXXXX) string changes.

#sppb-ac-heading-XXXXXXXXXXXXXXXX-key-0 {
  background-color: #e3281c;
  text-align: center;
    }

thank you in advance

Mehtaz Afsana Borsha Staff
1 year ago

Hi

Its an CSS ID that's why it different from website to website. Please create a new forum post about your issue. Our team will help you.

Log in to reply.