Only one column showing

  • Resolved CarpetGuy

    (@carpetguy)


    13 years, 6 months ago

    I am doing a test site, with WP 3.5RC1, that is not offered, only 3.42, anyway. I’m using Genesis Streamline, version 1.0 and I also set the column width to 1/4 and that much is going fine. Just so you know, I did this after the problem was already there, just trying to get it to play nice, but it did not help. I only need this on the post archive (category) pages.I know I must have missed something really simple, I just cannot find it. This is a development site, where I build for clients, so I prefer not to share a link here, I can email it if you need it. Thanks, this is my last little glitch before I can show it.

    Here is a screenshot, if that helps.

    Thanks for your help!

    http://ww.wp.xz.cn/extend/plugins/genesis-grid-loop/

Viewing 11 replies - 1 through 11 (of 11 total)
  • Plugin Author Bill Erickson

    (@billerickson)

    13 years, 6 months ago

    There’s two possible issues:

    1. Your theme’s stylesheet doesn’t have the column classes. Make sure these are there. I don’t think this is the problem because they are correctly broken into 1/4 width columns.

    2. There’s some other CSS applied that’s not letting the columns float.

    I can’t really help without seeing the CSS, so I recommend you use Inspector/Firebug and see what’s preventing the columns from floating.

    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Thanks Bill, I did some checking, here is what I have relating to the grid. Is there anything missing? Redundant? Conflicting? Thanks for your help

    .one-fourth {
    width: 22.5%;
}
.first {
    clear: both;
    padding-left: 0;
}
#content .genesis-grid {
    float: left;
    margin: 0;
    padding: 15px 0 10px 3%;
}
#content .genesis-grid-column-1 {
    clear: left;
    padding-left: 0;
}
.size1of2 {
    width: 48%;
}
.size1of3 {
    width: 31%;
}
.size1of4 {
    width: 22.5%;
}
.size1of5 {
    width: 17.4%;
}
.size1of6 {
    width: 14%;
}
    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Sorry, I forgot to add the rest of my stylesheet, in case you need to see that, so here it is. Again, thanks Bill

    [ 1,951 lines of code moderated. That’s just too much, for many lines of code please pastebin.com instead. Or just post a link to your stylesheet. ]

    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Ok, I forgot, too much code, here is a link to the entire stylesheet

    http://pastebin.com/UaU2cjbV

    Plugin Author Bill Erickson

    (@billerickson)

    13 years, 6 months ago

    While you don’t have all the column classes, you have enough to break it into 4 columns.

    Without seeing the actual site, I can’t diagnose the issue. Use Inspector (for Chrome) or Firebug (for Firefox) to see what styles are being applied to different elements and see if you can figure out which one is breaking it.

    You might also try posting this in the StudioPress support forum since you’re running their theme.

    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Thanks Bill, StudioPress support is great, unless it is customization, or the use of a plugin. I have the site here, this is a link to an archive page.

    It turns out we are almost neighbors. Thanks for your help.

    Plugin Author Bill Erickson

    (@billerickson)

    13 years, 6 months ago

    You need to add float:left; to .one-fourth.

    .one-fourth {
    float: left;
    width: 22.5%;
}
.first {
    clear: both;
    padding-left: 0;
}
    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Thanks Bill, that almost fixes it, go take a look, the last one is not even with the first two, what is wrong with it?

    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Ok, I see why, but not how to fix it. The Title length is different, therefore it does not line up. Is there a fix for this? I really appreciate all of the help Bill, I hate to be a pain.

    Plugin Author Bill Erickson

    (@billerickson)

    13 years, 6 months ago

    They seem to be even now.

    If you are shorter titles and you want it to be the same size, do something like .one-fourth .entry-title { min-height: 150px; }

    Thread Starter CarpetGuy

    (@carpetguy)

    13 years, 6 months ago

    Thanks Bill, I knew there was an answer!

Viewing 11 replies - 1 through 11 (of 11 total)

The topic ‘Only one column showing’ is closed to new replies.