[Support request] BLOG

[Eva]

Hello!
I’m using a 1400 px container on my website.
The pages are affected with a visual editor, but the blog I think it is preferable to do without an editor. My editor doesn´t work ok on the blog…
I have some questions about the blog with wordpress editor.

1. The width of the text should be as big as the pages? I do not want columns, so the entry takes up a lot of width … Can I increase the white margin and reduce the width of the text?

2. To enter any button or call to action, from the wordpress editor is not possible true?

Thank you very much

[Leo]

Hi there,

1. What if we reduce the container width for the blog and archive page with this CSS?

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

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

2. The blog and archive pages are generated by WordPress itself automatically and cannot be edited like a normal static page. Hooks element is the best way to add content on that page:
https://docs.generatepress.com/article/hooks-element-overview/

[Eva]

Hi Leo,
I will try it.
Do you know if it´s compatible to use a visual editor in the posts? I have Trhrive Arquitect.
Thank you very much!

[Tom]

Hi there,

It should be possible to use it in single posts. However, I’m not sure how they will display within your blog/archives.

[Eva]

Hi Tom,
Your css works correctly, and the general page of the blog has reduced the container to 1200.
The problem is that the individual post are not reduced, and in addition the text appears stuck to the edges. I would like the width of the text to be smaller.
Can you help me?
Look at a specific post to see what I say

Thank you very much

[David]

Hi there,

use this CSS instead:

body.blog .grid-container, body.archive .grid-container, .single-post .grid-container {
    max-width: 1200px;
}

I am not seeing the issue with the padding. Let me know.

[Eva]

Hello David,
Yes, I already solved the text “stuck” to the edges, sorry, it wasn´t good configured.
Ok to the new CSS for single posts.
It looks like this: https://evagarciabernal.com/sesiones-dia-del-padre/
The problem I have is that even if I make the smallest container with CSS, the text is very wide.
For example, with the visual editor I can keep the container wide but make the text block at 800 px (see https://evagarciabernal.com/el-mejor-regalo-para-papa). I can not do that with the wordpress editor and generate press, it´s true??
I tried editing the entry with my editor (thrive architect) but the problem is that my general page of posts (page BLOG) is very misconfigured and wrong.

Any solution?

Thank you very much

[David]

Hi there,

it is doable with this:

.single-post .inside-article, #comments {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

This however will not allow you to have the images aligned wider then the text.

[Eva]

Hello again,

Sorry, I have said the urls badly.
sesiones-dia-del-padre is as I would like it to be seen.
el-mejor-regalo-para-papa is how it looks with the wordpress editor

Thank you very much

[Eva]

Ok David,

Thank you!

[David]

You’re welcome

[Author]

Posts