Crystal Theme – Working With Columns

[Awmeneca]

Hi Folks,

Can someone please help me. I've created a page with three columns using the following code:

<div class="one-third first">My content</div>
<div class="one-third">Some more content</div>
<div class="one-third">Some more content</div>
<div class="one-third">Some more content</div>
<div class="one-third">Some more content</div>

with the following CSS to style it.

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
width: 48.717948717948715%;
}

.one-third,
.two-sixths {
width: 31.623931623931625%;
}

The first three work fine and is exactly what I'm after but the rest of the content then is only working as a two column layout.

The page can be seen @ http://www.awlhousewash.co.nz/Blog/testimonials/

Have I missed something or done something wrong. I'm new to coding and this is my first attempt at using Genesis so I'd really appreciated your input.

Thank you
Alan

http://www.awlhousewash.co.nz/Blog/testimonials/

[Aaron Hartland]

on your fourth div (and all following divs that will be the first in their row) add the .first class:

<div class=”one-third first”>My content</div>
<div class=”one-third”>Some more content</div>
<div class=”one-third”>Some more content</div>
<div class=”one-third first”>Some more content</div>
<div class=”one-third”>Some more content</div>

---

Aaron Hartland | http://www.aaronhartland.com
Twitter  |  Facebook  |  LinkedIn  |  Google+

[Awmeneca]

Hi Aaron,

Thank you for your assistance. That did the trick and it's all working great now. Thank You.

[Author]

Posts