Archived topic
Blog images wider than the text.
5 replies · Started by caleidoscopic on August 17, 2018
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
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 :)
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/
You could also consider using Sections:
https://docs.generatepress.com/article/sections-overview/
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 :)