Padding issue on Portfolio Grid and Masonry Grid

Hi Kriesi,

I have a small issue wich I cannot find the answer to.
On my site I wanted some space between the portfolio grid items.
So I have put this in my custom CSS:

#top .isotope-item { padding-right: 30px; padding-bottom: 30px; }

It works great!

But on the homepage I have a Masonry Grid wich shows blog posts, they need to be 100% tight on each other but they are affected as well by this piece of code. How do I get the portfolio Grid items have 30px space in between and the Masonry Blog Items Gid on the homepage not?

Also: the portfolio grid items show the caption text below the grid items, could they be put on the featured image as well? Just to try because if the words are not readable it is not functional, or I’d need to apply some overlay / opacity on the image. This however is not that important.

Thanks guys!