[Resolved] Apply custom css to Element layout

[Ivan Cazorla]

Hi there, is it possible to apply some css to a element layout for, for example, make the max-width of the all the posts in the blog different than normal pages.

thanks,
Ivan

[Leo]

Hi there,

This is in the plan of Element.

For now you can use CSS like:

body.single .site.grid-container {
    max-width: 800px;
}

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

Let me know 🙂

[Ivan Cazorla]

thanks!

[Leo]

No problem 🙂

[Ivan Cazorla]

I just re-checked and that code affects to all pages, I needed it t affect only to the blog containter, that’s why I wanted to apply custom css to a element layout.

let me know.

[Leo]

No. The code will only apply to single posts – hence body.single.

If you want to apply it to the main posts page, then this would be the selector:
body.blog .site.grid-container

[Ivan Cazorla]

Alright, it worked now. thanks!

[Leo]

No problem 🙂

[Author]

Posts