Swift Page Builder template: column widths

[adamtsp]

Hello,

I want to use the options within the Swift Page Builder to have a text block (with an embedded form) take up 2/3 of the page, with text and images in the other 1/3. It looks okay in the backend, but they are stacked once the page is live. I have the form set to 400 wide. Haven’t added the pics to the text side yet because I wanted to know what size they should be.

See my screenshot for the backend view and follow the link above to see what it actually looks like. I’m sure I’ve got to change a setting somewhere& would really appreciate your feedback! I know it will be stacked on mobile & that’s okay- just want desktop to have the nice page set up.

Thanks!

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

This is caused by the styles being pulled in for the form: https://www.iatspayments.com/PaymentBox/css/Modern-Latest.css

That CSS is being included in your website and is conflicting with the columns.

You can try and override it by adding a custom class (ex: max-width) to the left parent column, then applying CSS to target that.

Ex:

.spb-column-container.span8.max-width {
    max-width: 740px;
}

Thanks.

[adamtsp]

This reply has been marked as private.

[David Martin – Support]

Hi,

Exactly correct, do that and it should help control the form.

Thanks.

[adamtsp]

This reply has been marked as private.

[David Martin – Support]

Hi,

I just updated the CSS to this:

.spb-column-container.span8.max-width {
    max-width: 740px!important;
}

That looks to have worked.

Thanks.