How can I fix inconsistent blog image sizes after a theme update?

Alisha_Jemelian · ‎01-01-2024

HI! I recently updated my theme, and when I did this it changed all my blog image sizes. Now all of my blog image photos are showing up at different widths.

Here is a sample product where you can see the different sizes of the photos: https://www.oneblushingbride.net/blogs/oneblushingbride/a-brave-bride-balding-beautiful

I have attached a screenshot below.

Is there something I Can do to fix this (other than changing all my image sizes)? Thanks for your help!

Best,

Alisha

PaulNewton · ‎01-01-2024

Image are same widths at least on chrome latest version, windows desktop.

Try testing on a different browser & device combo.

💣Try clearing your browser cache keeping mind this may cause you to have to relogin into service or redo other browser-website preferences that rely on the browser cache.

Being able to reliably reproduce a problem is a necessity for fixing things.

If the issue is still present provide (with versions): browser, device type, operating system, screen resolution.

Good Luck.

Screenshot, Images on blog same width with devtools rulers showing aligment on the right edge of the images.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need

Save time & money ,Ask Questions The Smart Way

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org

View solution in original post

Dan-From-Ryviu · ‎01-01-2024

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
.article-template__content.rte img {
width: 100%;
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

View solution in original post

PaulNewton · ‎01-01-2024

Image are same widths at least on chrome latest version, windows desktop.

Try testing on a different browser & device combo.

💣Try clearing your browser cache keeping mind this may cause you to have to relogin into service or redo other browser-website preferences that rely on the browser cache.

Being able to reliably reproduce a problem is a necessity for fixing things.

If the issue is still present provide (with versions): browser, device type, operating system, screen resolution.

Good Luck.

Screenshot, Images on blog same width with devtools rulers showing aligment on the right edge of the images.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need

Save time & money ,Ask Questions The Smart Way

Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a ☕ Coffee for more answers or donate to eff.org

Dan-From-Ryviu · ‎01-01-2024

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code below after <head> element

<style>
.article-template__content.rte img {
width: 100%;
}
</style>

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Amazon Products Importer - Import Amazon Products to Dropship in Your Store!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...Sign up now.

How can I fix inconsistent blog image sizes after a theme update?

How can I fix inconsistent blog image sizes after a theme update?

Community Blog Articles