[Support request] Different width between text and photos on a blog entry

[David]

Good morning Tom & Co,

Now I have width text customize code and it works very well. This is the code:

.single .inside-article
{
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

But… it will be possible customize only the image width?

For example, text width 700px and photos with 1000px. If it’s possible… we can choose the align mode?

I attach a imatge with my idea made with Photoshop.

Best reggards,

[David]

Ops! Link of images here

[Leo]

Hi David,

The best way to achieve that is actually to leave the main container width to the width of the photo you want (so like 1000px)

Then wrap your text like this:
<div class="narrow-container>Text Content</div>

Then add this CSS to make it narrow:

.narrow-container {
    max-width: 700px;
}

Let me know if this makes sense 🙂

[Shaun]

That is close, but the problem is I have too many articles to code the text. I was looking for a way to automate all of the articles in one setting. I was reading that CSS can’t do this.

[Leo]

Hi Shaun, can you reply to your own post here?
https://generatepress.com/forums/topic/different-width-for-images-media-versus-text/

Thanks!

[Author]

Posts