Solved

Blog Image Sizes

Alisha_Jemelian
Explorer
64 0 10

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,

AlishaScreenshot 2024-01-01 at 3.50.36 PM.png

Accepted Solutions (2)

PaulNewton
Shopify Partner
6274 572 1311

This is an accepted solution.

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.

PaulNewton_0-1704156366982.png

 

 

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


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

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


View solution in original post

Dan-From-Ryviu
Shopify Partner
7011 1326 1352

This is an accepted solution.

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 or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 2 (2)

PaulNewton
Shopify Partner
6274 572 1311

This is an accepted solution.

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.

PaulNewton_0-1704156366982.png

 

 

 

Save time & money ,Ask Questions The Smart Way


Confused? Busy? Get the solution you need paull.newton+shopifyforum@gmail.com


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

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


Dan-From-Ryviu
Shopify Partner
7011 1326 1352

This is an accepted solution.

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 or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now