Create Equal Heights For All Text Boxes In Row - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Create Equal Heights For All Text Boxes In Row

T

Tom

SP Page Builder 2 months ago

Hi,

I have a row made us up four columns. Each column has a text box in it. The text boxes have a title, body of text and an image. I would like all the boxes to be the same height regardless of what is inside them. How can I do this?

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #200882

Hi

Thanks for contacting us and sorry for your issue. Could you please give me that specific page link? And also a screenshot of your issue please.

-Regards.

0
T
Tom
Accepted Answer
2 months ago #200890

Hi, see my link below! Please provide an email address for me to share the image with

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 months ago #201093

Hi

You can use this CSS in your custom.css file

.sppb-addon-content {
    min-height: 200px;
}

0
T
Tom
Accepted Answer
2 months ago #201095

Hi,

I have added the code to the pages css it has changed the height but left a larg white gap at the bottom. Any additional gap should be above the coloured text below the description. It has also changed the layout of sections which we don't want. On the page there are two rows and we need them to both look the same. I have left a temp login for you below

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #201097

Login is wrong! I tried with "-" and "m" and without !?! please, check what you shared, thx.


Besides:

  1. Each image used in addon (the same row) should have this same Height (!) Otherwise you have white background "line" under.
  2. In Row settings you have to align content to the top, otherwise you have "dancing queen" ;)
0
T
Tom
Accepted Answer
2 months ago #201151

Hi, My apologies, please try the details below.

Each image is set to the same height in the settings, the image cannot be the same height as the entire text box as we require the white space at the top for the text. I have alligned the content to the top but it is not all the same height.

0