ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• February 18, 2016 at 1:16 am #250174
  adamtsp

  Member

  Post count: 34

  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.
  February 19, 2016 at 1:15 pm #250659
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  February 19, 2016 at 8:06 pm #250818
  adamtsp

  Member

  Post count: 34

  This reply has been marked as private.
  February 19, 2016 at 8:38 pm #250824
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

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

  Thanks.

  February 19, 2016 at 9:16 pm #250828
  adamtsp

  Member

  Post count: 34

  This reply has been marked as private.
  February 22, 2016 at 2:17 pm #251174
  David Martin – Support

  Moderator

  Post count: 20834

  Hi,

  I just updated the CSS to this:

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

  That looks to have worked.

  Thanks.

• Back to forum

  Posted in: Neighborhood