[Locked] How Can Paddings Be Adjusted Using Built-in Controls? - Question | JoomShaper

[Locked] How Can Paddings Be Adjusted Using Built-in Controls?

A

Alff

SP Page Builder 1 year ago

How can I achieve these paddings using SP Pagebuilder Controls and not custom CSS. The controls are available but seems to be not responding the way they should. I'm desperate as I am running out of time.

All texts should be vertically centered.

Joomla 4.4.7 SP Pagebuilder 5.3.6

0
6 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #165601

Hi Alff.

About Navy Blue head - right now you used <p>Time</p> - change to <span>Time</span> - becuase by default <p> has bottom margin from Bootstrap styles!. In FullScreen editor switch to HTML mode and change it manually for all names, one by one.


About "09:00 H" "10:00 H" - the same.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #165604

As lazy (quick) alternative you can use that line:

.sppb-addon-table td p {margin-bottom: 0;}

to disable margin in whole table everywhere you used <p>


About general padding in <td> here is default style:

.sppb-addon-table-main td {
  padding: 16px 20px; }
You can override it by using custom values if you need to ;) 


- - - -

Next time as 1st step use Browser Tool > Code Inspector to preview CSS styles and You will save time and unnecessary stress. Guide >> https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action :)))

As you see, I gave you fishing rod as well, not just a fish.

0
A
Alff
Accepted Answer
1 year ago #165794

Hi Paul,

Thank you for point out the extra <p></p>. I figured out which button to press and cleaned up my text and the header issue is solved. In my defense, I just dragged and dropped that table and edited the content. The extra html codes were added by your editor.

I appreciate the fishing rod, but for an old guy like me, I don't I need it. I'm in my sixties and I am not a web developer, I just need to do this for my organization. That's precisely the reason why I bit the bullet and bought SP Pagebuilder. If you go back to my original post, I already said that I don't need a "custom CSS" in the very first line. You wanted me to know about <p></p> and <span></span> even if it was not mentioned in the SP Pagebuilder documentation/requirement yet you don't read what I have clearly written. How fair is that?

Lastly, I'm not lazy as you are insinuating, I tried everything myself for more than a week while waiting for a helpful response (in another thread) but to no avail. And now, I'm the lazy one, when something is clearly not working properly.

If you are accusing me of being lazy, please check the table cells, once you edit the top-padding, say 0, all paddings are affected despite unlocked. This has been more than two weeks concern but no one is addressing. And you have to balls to call me lazy.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #165805

lazy alternative = quick alternative

Don't cling to a word. That's all.

0
A
Alff
Accepted Answer
1 year ago #165808

Oh, so you're making that the issue instead of the concern I'm raising? What kind of support is this?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #165855

Default Margin is from Bootstrap style, not from Us. Let's finish that converation here, you got all tips already.

0
This topic is locked