[Resolved] Texts post width

[Vanina]

Hello! I’m lookingfor a way to reduce the width of the text in the individual post view. (content and images in 1140px, texts/p 800px)
ONLY the text, not the images. Can you help me? Forgive my English, I’m using a translator. Great template!
Thanks very much!

GP Premium 1.2.94

[Leo]

Hi Vanina,

Can you try this CSS?

.entry-content {
    max-width: 800px;
    margin: auto;
}

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

If this doesn’t work can you provide a link to your page?

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

[Vanina]

Hi Leo! This CCS work, but this reduce texts and images in the post.
I need reduce ONLY the texts width in te post content.
My web is in construction mode : vivalatarta.com
Thanks very much.

[Tom]

If you need to only target the text, you would need to wrap your text blocks in a div and keep your images outside of those divs:

<img src="IMAGE SRC" />

<div class="text-container">
    Your text in here
</div>

<img src="IMAGE SRC" />

<div class="text-container">
    More text..
</div>

Then apply the CSS:

.text-container {
    max-width: 800px;
    margin: auto;
}

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

[Vanina]

Post by post… ouch 😉
Thaks very much Tom.

[Tom]

I mean you could try to get fancy, but the results could vary..

.entry-content > *:not(img) {
    max-width: 800px;
    margin: auto;
}

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

[Author]

Posts