How To Remove Spacing Between Addons In A Column - Question | JoomShaper

How To Remove Spacing Between Addons In A Column

MH

Matt Hunt

Helix Framework 10 months ago

I've a column with different addons placed in it. You can see it here https://prnt.sc/KglcKXpvGmJj I need to shade the area without shading the entire column, but when I try I get these odd spaces, highlighted.

Any assistance gratefully received.

Page is https://primefantasysports.com/nfl-football/nfl-fantasy-football-keeper-leagues

Joomla 3.10.11 Helix Ultimate Framework SP Page Builder 4.0.11

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #119069

Hi Matt,

check Addon margin setting values (Style tab) for mobile view, probably there is default value 30px to keep space betweens addons that is inherid from desktop view. Just set 0 0 0 0 after switching to Mobile view (top toolbar).

BTW

IN SPPB 5.0.RC and back-end editor it's easier to find and set.

0
MH
Matt Hunt
Accepted Answer
10 months ago #119380

That didn't seem to make any difference unfortunately. Change margins of both the column and the individual addons with no luck.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #119425

I checked link, and it wasn't a column nor addon margin/padding, but default bootstrap bottom margin for <p> used in text everywhere.

 p {
    margin-top: 0;
    margin-bottom: 1rem;
}

so if you don't want to have space where you shown me, use <span> </span> not <p> </p> for text:

  • No Additional Costs
  • League Runnerup: $200

or

<p style="margin:0">No Additional Costs</p>

0
MH
Matt Hunt
Accepted Answer
10 months ago #119554

That worked. Thanks!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 10 months ago #119575

sometimes the simplest solutions are the best :)

0