Support » Themes and Templates » Need some CSS Help with this Grid

  • JasonBeee


    Hey guys,

    I need some help with aligning this grid. It’s supposed to have 4 blocks per line but as you can see, it get’s messed up after the first one. Just wondering how to fix it.

    Any help is appreciated

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael Arestad


    Make this happen:

    .portfolio_grid_item, .blog_grid {
    width: 215px;
    float: left;
    display: inline;
    overflow: hidden;
    background: white;
    min-height: 325px;

    Your width is slightly to wide and the various heights were effing with your grid. The min-height should fix it. You can find s more invisible way to do this, but this works.



    This worked perfectly!

    I tried to add a border though to each individual item however and it’s messing up again. I tried to compensate for the extra width and height that the border ads but it’s still messing up again and not doing 4 per line. Any idea how to solve that without getting rid of the border?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Need some CSS Help with this Grid’ is closed to new replies.