How To Change Height Of Section? - Question | JoomShaper

How To Change Height Of Section?

H

H

SP Page Builder 9 months ago

Website: www.deijsmannetjes.nl

I have several SPPB pages built out of 2 column sections, with the left column a square image of 660x660 pixels, and the right column some text. E.g. https://deijsmannetjes.nl/onze-ijskarren or https://deijsmannetjes.nl/klantgroepen.

For some reason SPPB makes the height of the section 666 pixels.While I want the height of the section to be the height of the left column image.

I cannot find where the 666 height is set.

How can I change the section height to the height of the image?

0
5 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #182247

Hello,

Thank you for reaching out to us.

To adjust the section height in SP Page Builder, follow these steps:

  1. From Section Settings: • Open the SP Page Builder page. • Navigate to the section settings. • Locate the height options and set the max height to 660px.
  2. From the Backend Editor: • Open the backend editor. • Click on section row settings. • Follow the same process to adjust the height.

You can refer to the attached screenshot for guidance.

Let us know if you need further assistance!

Best regards,

0
H
H
Accepted Answer
9 months ago #182268

Hello Ziaul,

Thanx for the rapid reply.

I changed the max height of the first few sections of the page (https://deijsmannetjes.nl/onze-ijskarren) to 660, and then flushed both the server cache and the browser cache: nothing changed!

To make things more interesting: I have a development clone of my website on https://test.deijsmannetjes.nl . In this clone, the sections have the correct height:660px. And I have not changed any setting of the settings of this page.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #182287

Hello,

From my end, I see you have applied max-height 660px; Which is works fien. Due to cache issues you couldn't see the expected result.

Thanks

0
H
H
Accepted Answer
9 months ago #182373

You are right. It solves the problem.

But I am still puzzled why the section became 6 pixels too high. I would expect that the height of a section (just a div) is determined by the height of the highest component in the.

It looks like the 6 pixels extra are being set in a div with class "sppb-row-container"; that one has a height of 666px. See [https://prnt.sc/XSJHRnJSyyMa]). While the section div one lievel up has a height of 660px.

But where are the properties of this class set? In teh backend of the Pagebuilder I have settings for the section and settings for the columns and settings for the components. But I cannot find settings for the row.

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 9 months ago #182543

Hello,

We have identified this issues, It will be fixed in next release. Here is your sections row setting.

Thanks,

0