Archived topic
Image sizes
6 replies · Started by Tom on October 28, 2021
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/
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.
that code is also on mntrips.com, and those images are still full width.
Is it something else?
and it just happened with the update. Nothing changed. It worked before.
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
Our fault. My developer made that change last night and I didn't know about it.
Thanks for your help.
No problem. :D