Docs

[Imran Mughal]

Here’s the basic problem: I’d like to have masonry posts on the homepage, along with some other content. And I really like the look of the Integrity Blog Posts using the Masonry style. I’ve created a grid layout using “The Grid” but am having problems reproducing the look 100%. Even though I’ve added rounded corners to the box, it looks like the box is behind. Any way on how I can get my grid to look the same as the out of the box blog posts?

Here’s a link to the default blog posts: http://sierra.imranmughal.com/announcements/

Here’s a link to my page with “The Gride” trying to reproduce the same look. For now, I set the border to solid blue so that I could see what’s going on: http://sierra.imranmughal.com.

I’m currently styling the following tag in my css: article.tg-item

What am I missing here??

IM.

[Lely]

Hello IM,

That is because the container inside the box doesn’t have round corners. Please update this:

#grid-6082 .tg-item-content-holder {
    background-color: #ffffff;
}

To this:

#grid-6082 .tg-item-content-holder {
    background-color: #ffffff;
    border-radius: 11px;
}

Hope this helps.

[Imran Mughal]

Thanks Lely! That worked like a charm. I’m off to the races now.

IM.

[Friech]

Cool, we’re delighted to assist you with this.

Cheers!

[Author]

Posts