Columns overlapping

[marketme]

Hello,

I am working on a page where I am using the 4 column class. Some rows have 4 items to occupy them, others have only 1, 2 or 3 items that occupy them. I want all to be evenly spaced with the rows that have 4 columns. Problem is, when I put in the column code and leave one or three columns blank, it moves up the next row into that row. I have separated them with   but when the site is shrunk down, it adds in all of the extra space between the sections.

Any advice?

Dana

Ps site is in maintenance mode while I am working on it, please let me know if you need to see it to answer. Many thanks 🙂

http://landfcommercial.com/

[Davinder Singh Kainth]

Try this...

<div class="clearfix"><div class="one-fourth first">1111111111</div> <div class="one-fourth">22222222</div> <div class="one-fourth">3333333</div> <div class="one-fourth">444444444</div> </div>

If you plan to leave any column blank, use code like this...

<div class="one-fourth">&nbsp;</div>

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[marketme]

Hi Davinder,

Thank you for the suggestion, but it doesn't seem to work. You can see what I am referring to here:
http://landfcommercial.com/our-agents/

2nd and 3rd rows - Greenville and Lewes - Lewes is running into that row.

Dana

[marketme]

Seems with a little help from Genesis Advanced Columns and the vertical space utility I was able to fix this issue. Thank you again for your suggestion 🙂

Dana

[Davinder Singh Kainth]

Welcome Dana.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[mhexpert]

@Davinder,

Would I use a similar code to what you posted above if I want to change the default of 3 columns to 2? And do you enter that in the functions.php file?

I’m using Executive Pro, and the Middle Section Widget is 3-columns by default.

I have 4 items to show, so wanted to change the widget to a 2 x 2.

I took CSS code from another post, and added this to my stylesheet (I use Genesis Design Palette Pro – Freeform CSS):

.home-middle .widget, .home-top .widget {
    float: left;
    padding: 0 2.8%;
    width: 50%;
}

But as you can see on my front page, it is not working exactly. It’s showing the first row as 2 columns, but the third item in the next row, and the fourth item in a different row.

I’ve been looking for hours…so thank you in advance.

http://manufacturedhomes.expert/

[Author]

Posts