How To Remove Spacing Between Addons In A Column - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

How To Remove Spacing Between Addons In A Column

MH

Matt Hunt

Helix Framework 2 years 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 2 years 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
2 years 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 2 years 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
2 years ago #119554

That worked. Thanks!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #119575

sometimes the simplest solutions are the best :)

0