Site logo

Archived topic

Blog images wider than the text.

5 replies · Started by caleidoscopic on August 17, 2018

Viewing posts 1–6 of 6

Hi!

How could I set up the individual blog entries to have images that are wider than the text?
Something like this...
https://jmp.sh/YNK3KUz

I've been trying this to put a div between before content and after content.
https://docs.generatepress.com/article/adding-a-container-wrapper/

Then I used some CSS to reduce the width of the paragraph

.hentry .inside-article .blog-content-tt {
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
}
.hentry .inside-article .blog-content-tt p {
	max-width: 780px;
	margin-right: auto;
	margin-left: auto;
}

Now I can use two sizes of images to show them aligned with the text or wider

And I have something like this....
https://jmp.sh/oc8MN3r

Do you think that's the right way to do it?

There isn't a right or wrong way to do this.

Looks like your way works though :)

This archived topic is closed to new replies.