[Support request] Blog images wider than the text.

[caleidoscopic]

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

[Leo]

Hi there,

Take a look at Tom’s suggestion here:
https://generatepress.com/forums/topic/make-images-wider-than-text/#post-318894

Let me know if this helps 🙂

[caleidoscopic]

Thanks Leo, I’m going to try

I’ve been reading these two posts, because I see that Gutenberg has a wide image option. But the theme must be compatible. This is what I really want to do.

https://themeshaper.com/2018/02/15/styling-themes-for-gutenberg/
http://moc.co/2018/02/gutenberg-and-themes/

[Leo]

You could also consider using Sections:
https://docs.generatepress.com/article/sections-overview/

[caleidoscopic]

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?

[Leo]

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

Looks like your way works though 🙂

[Author]

Posts