Archived topic
Texts post width
5 replies · Started by Vanina on March 3, 2017
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!
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?
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.
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;
}Post by post... ouch ;)
Thaks very much Tom.
I mean you could try to get fancy, but the results could vary..
.entry-content > *:not(img) {
max-width: 800px;
margin: auto;
}