Shopify themes, liquid, logos, and UX
Hello!
When I look at my blogs page, each image has a different height a width. Is there any way to force all blog images to have the same width and height so that there is consistency in the page?
Website: Mokai
Solved! Go to the solution
This is an accepted solution.
Hi @apalacio ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:
.features--image-zoom .article-item img {
width: 100%;
height: 280px;
object-fit: cover;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Hi @apalacio,
I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )
Here are the Solutions!
Go to Online Store->Theme->Edit code
Asset->/theme.css ->paste the below code at the bottom of the file.
.features--image-zoom .image-zoom img {
height: 250px;
}
If you have any concerns feel free to ask me!
Regards,
Ani
This is an accepted solution.
Hi @apalacio ,
You can follow the instruction below:
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css->paste below code at the bottom of the file:
.features--image-zoom .article-item img {
width: 100%;
height: 280px;
object-fit: cover;
}
If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.
Worked perfectly! Thanks for being so helpful 🙂
Hi, I am facing the same problem. I just posted the code you mentioned but I don't see any chances. Could you please help me
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025