Two-Thirds Column not working

[fred79]

Can anyone tell me what I'm doing wrong here?

Homepage

Here's what I did:

<div class="two-thirds first">image</div>
<div class="one-third">gravity forms shortcode</div>

I'd like the image to take up 2/3rds of the page and the form to take up the other 1/3rd of the page, but instead the form displays beneath the image.

I'm stuck! Any help would be greatly appreciated.

http://www.commercialtruckquotes.com/homepage/

[Robin]

It looks like you've gotten this sorted--is this correct? If you're still seeing the problem, what browser/OS are you using? I've checked in several browsers and it looks good to me.

---

I do the best I can with what I’ve got. (say hey on twitter)

[Lauren @ OnceCoupled]

Hey Fred,

Did you figure this out on your own? Looks right to me!

Best,
Lauren

---

We create mobile-first, PageSpeed-optimized, pixel-perfect custom themes! https://www.oncecoupled.com

[fred79]

Robin and Lauren,

Thank you so much for taking a look and responding! I think the problem was that my cache was not cleared and the page was rendering an older version. This morning everything was magically correct!

I did have one other question that I haven't been able to figure out. I would like to remove all the white space between the columns and the white space on all the margins so that the image is directly next to the form and that both take up the whole space.

If anyone has any clues, I'd love to hear 🙂

Thanks!

Fred

[Author]

Posts