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: Flexform
• October 16, 2014 at 11:31 pm #120924
  blaouchez

  Member

  Post count: 448

  Hello,

  The footer is formatted in four columns, but when I add the padding in my columns, the 4th column moves below

  How trace back the 4th column with padding?

  Regards

  Attachments:

  You must be logged in to view attached files.
  October 17, 2014 at 8:58 am #120971
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Remove the current css for the padding and use this instead:

  #footer-widgets .span3 > section {
    min-height: 130px;
    padding: 30px;
  }

  – Kyle

  October 17, 2014 at 3:26 pm #121148
  blaouchez

  Member

  Post count: 448

  My particular concern relating to width. I hope that the four columns is aligned.

  I tested with

  #footer-widgets .span3 > section {
    max-width: 92px;
    padding: 30px;
  }

  but the padding disappears

  For information, I formatted the 4 columns:

  # footer-widgets> .span3: nth-child (1), # footer-widgets> .span3: nth-child (2), # footer-widgets> .span3: nth-child (3), # footer-widgets> .span3: nth-child (4) {
  min-height: 125px 
  max-width: 92px; 
  padding-top: 22px; 
  padding-right: 20px; 
  padding-bottom: 23px; 
  padding-left: 20px; 
  }

  October 17, 2014 at 3:36 pm #121152
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  I’m confused, why would you be changing the width? That’s not possible I’m afraid

  – Kyle

  October 17, 2014 at 3:47 pm #121156
  blaouchez

  Member

  Post count: 448

  I don’t want to change the width, I just want the 4 columns are aligned.

  If I remove the padding, the columns are aligned, ok.

  But if I add the padding, the 4th column is out of alignment and is positioned below the first column

  October 17, 2014 at 3:49 pm #121157
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Like I said, remove your custom css and add this instead:

  #footer-widgets .span3 > section {
    min-height: 130px;
    padding: 30px;
  }

  I’ve tested and it works

  – Kyle

  October 17, 2014 at 3:56 pm #121160
  blaouchez

  Member

  Post count: 448

  Wonderful !!! thank you very much Kyle 😉

  October 17, 2014 at 3:57 pm #121161
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

• Back to forum

  Posted in: Flexform