Custom mansory

[Raul]

Hi,

The view for the blog and its categories, I would like to have it with Mansory, but it always comes out to 3 columns, regardless of the width of the page (1100px-2000px).

Can it be modified like the column view?

On the other hand, I would like to remove completely (not hiding it with CSS) the excerpt and the link to read more in the mansory view, especially in the categories

A greeting!

[Leo]

Hi Raul,

Checkout this post for modifying columns: https://generatepress.com/forums/topic/masonry-layout-in-4-across-instead-of-3/

As for removing excerpt and read more link, leaving the Excerpt Length and Read more label space blank in Customizer > Blog > Blog Content should do.

Let us know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Raul]

Hello,

I almost have the columns based on css in each @media, just need to tune it at all.

Attached is a screenshot with the result of putting white space. What I said, I would like you not to just make a hidden with css to avoid that space between rows.

https://www.evernote.com/l/AAzB4glnGflKW5ximeOC3cECu_CJLKuBInU

Thanks and regards!

[Tom]

CSS is needed to remove the … in the post there. Not sure why you don’t want to use it in this case?

.masonry-post .entry-content,
.masonry-post .entry-summary {
    display: none;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Raul]

Works perfect!

Thanks!

[Leo]

Glad we can help!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Raul]

Hello,

Returning to this topic
Is there any filter or function to be able to put full page container width only for the blog pages, category and tags in the mansory view?

Thank you!

[Leo]

Try this CSS:

.blog .grid-container, .archive .grid-container {
    max-width: 2000px;
}

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Raul]

Hello,

It does not work, they pile up the images of the posts.

The idea is that the images of the posts work and look something like this: https://www.imagely.com/wordpress-gallery-plugin/pro-masonry-gallery/ without being a gallery, being the blog posts.

Thank you!

[Leo]

Maybe I misunderstood what you wanted but the code above should make the container width of blog and archive page to 2000px.

Can you provide a link to your site?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

How about this?:

.masonry-enabled .grid-container.container {
    max-width: 100%;
}

If not, a link as Leo said would definitely help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Raul]

Perfect!

Blog http://dev.raulsaez.es/blog-fotografia/ and categories http://dev.raulsaez.es/blanco-y-negro/

Many thanks to both

A greeting!

[Tom]

Glad we could help 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts