How to change height of section? - Forum | JoomShaper
Staff replied SP Page Builder

How to change height of section?

Asked by H 1 year ago Last activity 1 year 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?

4 replies

Oldest first Newest first Most helpful
Ziaul Kabir Staff
1 year ago

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,

H Asked this
1 year ago

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.

Ziaul Kabir Staff
1 year ago

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

H Asked this
1 year ago

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.

Ziaul Kabir Staff
1 year ago · edited

Hello,

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

Thanks,

Log in to reply.