how to get full-width masonry blog layout?

DebsWebBiz

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

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.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DebsWebBiz

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

DebsWebBiz

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

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

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next