[Support request] Image sizes

[Tom]

your update seems to have broken our image sizes. They were 1200, and now they’ve shrunk to the same width as the type.

See it here, for example. https://travelpast50.com/camino-del-norte-northern-way-santiago/

[Elvin]

Hi there,

You have this CSS on your site:

/* Limiting Content Column Width */
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content figure,
.entry-content > div,
.entry-content blockquote, .comments-area {
	max-width: 700px;
	text-align: left;
	word-wrap: break-word;
	margin-left: auto;
	margin-right: auto;
	clear:both;
}

Image block is basically a <figure> tag with <img> inside it so the .entry-content figure selector affects it.

[Tom]

that code is also on mntrips.com, and those images are still full width.

Is it something else?

[Tom]

and it just happened with the update. Nothing changed. It worked before.

[Elvin]

The code from mntrips.com is quite different.

I checked it myself to be sure and I found this:

/* Limiting Content Column Width */
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content > div,
.entry-content blockquote, .comments-area {
	max-width: 700px;
	text-align: left;
	word-wrap: break-word;
	margin-left: auto;
	margin-right: auto;
}

Which as no .entry-content figure selector in it. https://share.getcloudapp.com/bLudwxzD

[Tom]

Our fault. My developer made that change last night and I didn’t know about it.

Thanks for your help.

[Elvin]

No problem. 😀

[Author]

Posts