In Portfolio-Grid, there's a difference in spaces between items on Chrome - Support

Viewing 6 posts - 1 through 6 (of 6 total)

Author

Posts
July 16, 2014 at 1:50 pm #292062
zohar
Participant
The spaces between items in Portfolio grid seems to be not equal on Chrome. Seems to be okay on Safari. Was wondering if there’s any fix to this?

The css is set to the following in grid.css
#top .no_margin.av_one_fourth {
width: 25%;
}
- This topic was modified 10 years, 4 months ago by zohar. Reason: Added link to images
July 17, 2014 at 3:32 am #292336
Ismael
Moderator
Hey zohar!

Thank you for the screenshots.

If I am not mistaken this will vary on different screen resolutions. The script can’t accurately calculate the position of the isotope items. You can add this on Quick CSS or custom.css:
```
div.grid-sort-container.isotope.no_margin-container.with-excerpt-container.grid-total-even.grid-col-4.grid-links-.isotope_activated {
width: 99.9%;
}
```
Best regards,
Ismael
July 17, 2014 at 9:47 am #292386

zohar
Participant

This reply has been marked as private.

July 18, 2014 at 3:24 am #292782

Devin
Inactive Moderator

Hi!

Seems to be something added on in the child style.css. When I remove all of the custom css there it clears up:

Regards,
Devin

July 22, 2014 at 4:50 pm #294439

zohar
Participant

Thanks for your reply.

I’m not sure if the child css is the cause because I can still see the problem on a few versions of Chrome when I remove it.

https://dl.dropboxusercontent.com/u/30287/screenshots/Screen%20Shot%202014-07-22%20at%2015.47.05.png
https://dl.dropboxusercontent.com/u/30287/screenshots/Screen%20Shot%202014-07-22%20at%2015.47.16.png

July 23, 2014 at 5:36 am #294768
Ismael
Moderator
Hey!

Looks like this can be fix with this:
```
#top .grid-entry.no_margin.av_one_fourth {
width: 24.9%;
}
```
Best regards,
Ismael
Author

Posts

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.