Padding within columns

  • ← Back to discussions
    In Progress
    Posted in: Aqua – WordPress Template  

  • Member
    Corina
    February 8, 2015 at 6:27 pm #21713

    Hi I’ve done a layout which has background colours on each of 3 columns which take up the width of the main content area (I have a sidebar). Adding padding to my checklist so it doesn’t touch the left edge of the column has meant the layout breaks and the third column drops to the next row. What’s the best (simplest) way to achieve this, apart from redeclaring different column widths in skeleton.css

    <div class=”row”>

    <div class=”four columns alpha” style=”background-color: #D0E4A8; padding-left:10px;”>
    [checklist type="arrowed"]
    <ul class=”checked”>

  • Reception (age 5)
  • Year 1 (age 6)
  • Year 2 (age 7)

    • [/checklist]
    </div>

    <div class=”four columns” style=”background-color: #d9f0ff; padding-left:10px;”>
    [checklist type="arrowed"]
    <ul class=”checked”>

  • Reading and Comprehension
  • Writing and Spelling
  • Phonics
  • SATs Preparation

    • [/checklist]
    </div>

    <div class=”four columns omega” style=”background-color: #D0E4A8; padding-left:10px;”>
    [checklist type="arrowed"]
    <ul class=”checked”>

  • 80 minute lessons
  • Small groups
  • One on one tutoring

    • [/checklist]
    </div>

    </div>

Sorry, this forum is for verified users only. Please Login or Register to continue