Padding Settings Feature Box Button - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Padding Settings Feature Box Button

Alex

Alex

SP Page Builder 2 years ago

I recently upgraded to SP Page Builder 5 and I am having trouble finding the padding settings for the buttons of the feature boxes. Previously there were no padding settings for these feature boxes, but somehow after upgrading it added some settings that are now overiding the default settings. I have attached 2 screenshots showing the padding in the browser and exported JSON file. The other screenshot shows the SP Page Builder interface and were I am trying to find the padding settings.

https://workdrive.zohoexternal.com/external/792445dcd68b56d746e573a07cabe4fce092ade7a7a732d539f78cdcafca02f8

https://workdrive.zohoexternal.com/external/2af7a38ea68b879ba50e47a475d2d9352152e85761f012cf4ea12774ea6532bc

https://workdrive.zohoexternal.com/external/59c2965806e669542c96359ca065395ea0c2289f9528dc93fe859eebb1c05483

Thank you!

0
9 Answers
Pavel
Pavel
Accepted Answer
2 years ago #127353

Previously there were no padding settings for these feature boxes, but somehow after upgrading it added some settings that are now overiding the default settings.

Hi Alex. In general, these settings should appear when you select Custom Style. But they are not there even in this case. Therefore, I think this is a bug that Joomshaper team should fix.

0
Alex
Alex
Accepted Answer
2 years ago #127354

Thanks Pavel, in the meanwhile, how can I remove them? Directly from the database?

0
Pavel
Pavel
Accepted Answer
2 years ago #127363

It's not in database, but goes from SPPB default CSS files. You can't delete this but can override via CSS. For example add your class to the addon and configure everything as you want through CSS

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #127408

Hi

Thanks for contacting us. You can follow Pavel's instruction. And thanks Pavel for sharing the solution.

-Regards.

0
Alex
Alex
Accepted Answer
2 years ago #127466

Unfortunately this does not work. Whenever I do it as in your example the SPPB default CSS takes precedence. See screenshot: https://workdrive.zohoexternal.com/external/2ba77a23a80a49b5ef45ed22a5139114275fc649b33cb61444ac86c5a19e52eb

0
Pavel
Pavel
Accepted Answer
2 years ago #127481

Hi Alex. Add !impotrant

Like that

.your-own-class .sppb-btn {
  padding: 15px 70px !important;
}
0
Alex
Alex
Accepted Answer
2 years ago #128325

This works, Thanks Pavel!

I should have thought about using !important.

Should I report this bug somewhere?

0
Pavel
Pavel
Accepted Answer
2 years ago #128354

Should I report this bug somewhere?

Hi. I think you have already reported this bug by this topic.

P.S. I'm not an employee of support :)

0
Alex
Alex
Accepted Answer
2 years ago #128411

Oh waauw, I didn't get that. Well thanks for all your help. I'll follow up with them on this.

0