Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 14, 2014 at 9:03 am #209349
    tonyiatridis

    Hi,

    I’m using this css to asign margin spacing within a 4 col portfolio grid:
    .no_margin.av_one_fourth.first{
    padding-left: 0px;
    }

    .no_margin.av_one_fourth {
    width: 25%;
    padding-left: 10px;

    This works, but it also make the first image about 10 pixels deeper than the others. Adding 10px to the padding on the first part also (.no_margin.av_one_fourth.first) makes them all the same depth but shifts the whole grid off center by 10px. Any ideas on how to fix that?

    January 14, 2014 at 8:52 pm #209666
    Yigit

    Hi tonyiatridis!

    Can you post the link to your page and point out the section where the issue occurs?

    Regards,
    Yigit

    January 15, 2014 at 3:28 am #209845
    tonyiatridis

    Sure thing, I had set the padding to 10px in both cases to remedy this temporarily, it’s back to the code I listed before noe, check out what I mean here:

    http://kristencooper.com/ctt/

    The first picture in the grid seems deeper in Safari, Firefox and Chrome viewed on a mac anyway, I haven’t looked on a PC and at IE yet.

    January 15, 2014 at 7:01 am #209882
    Ismael

    Hey!

    Add this on Quick CSS to move the whole portfolio grid by 10px to the left:

    .avia_sortable_active .isotope {
margin-left: -10px;
}

.no_margin.av_one_fourth.first {
padding-left: 10px;
}

    Best regards,
    Ismael

    January 17, 2014 at 3:28 am #210985
    tonyiatridis

    Awesome! You guys are the best! Works fine. :)

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Magin within 4 col portfolio grid’ is closed to new replies.