how to get full-width masonry blog layout?

DebsWebBiz · June 2015

Hello,

I cannot seem to get the masonry blog to go full-width nor can I get more than 3 columns. I have all the settings that I can find set to full-width and I've changed the number of posts in that field to 6 & 9 etc ... but all I get are 3 posts across and I'd really like to have this go full width of the page.

My page sample:

http://www.rileysplace.org/the-dog-blog/

More how I'd like it to look:

http://www.lynnekenney.com/blog/

It would also be nice if I could get the whole post including the featured image within the same "box" like in the http://www.lynnekenney.com/blog/ vs. what I have been able to do so far with CSS here: http://www.rileysplace.org/the-dog-blog/ see how the featured image and the post description are separated?

Thanks for your help!
Deb

Albert · June 2015

Hi,

where have you seen full width masonry blog layout? Because we did not see anything like that and in our opinion it is not possible. About 2nd question, we are not sure what you mean exactly. As we see, you play with css and boxes looks similar now so we don't understand the question.

DebsWebBiz · June 2015

Full width masonry layout is my example link:

www.lynnekenney.com/blog/

Is there a way to get more than 3 across? The "blog add item" only seems to work at full-width, I cannot get those boxes to work like columns or put them within a "column add item". Am I missing something?

Albert · June 2015

But we ask where you saw it on our demo? Because we do not have such an option included into theme.

DebsWebBiz · June 2015

I did not see it on your demo, I'd like to know if there's a way to implement this in your Be theme via CSS perhaps?

DebsWebBiz · June 2015

Just an FYI, I didn't get full width but I did just manage to get 4 posts across in masonry layout which cured two issues for me. In case anyone is interested I put this in the CSS:

.masonry .post-item {
width: 23% !important; height: auto;

}

You may have to adjust your % depending on your blog post image sizes. Hope this helps someone.

Deb

Albert · June 2015

Unfortunately it is not possible to do this full width. But if your css works fine, then we're glad to hear this.

how to get full-width masonry blog layout?

Comments