Hi! The search image results are showing up with a different image size for blog posts vs product photos. I would love your helps getting them the same size.
I have attached a photo below for reference.
My website is www.OneBlushingBride.net
Topic summary
A user is experiencing inconsistent image sizing in search results, where blog post images and product photos display at different dimensions. This issue persists on both desktop and mobile views.
Proposed Solution:
- Add custom CSS to the theme settings
- Use
.card--media .card__inner { height: 70%; }to standardize image heights - Adjust the percentage value as needed for desired appearance
Current Status:
- The theme is already published
- The initial CSS solution was provided but did not resolve the issue
- The problem now specifically affects mobile display
- The issue remains unresolved and ongoing
A community helper suggested using MooseDesk for customer support features, though this appears tangential to the core CSS problem. The user is still seeking assistance to achieve uniform image sizing across different content types in search results.
Did you solve the issue or is that theme is not published yet?
Hi @Alisha_Jemelian ,
Thanks for reaching out to the community. We are MooseDesk, a comprehensive Live Chat, FAQ & Helpdesk App designed to elevate your customer support experience.
To fix this issue, you should set the height for the images in your tags. To do this, follow these steps:
Step 1: Go to Customize
Step 2: Select Theme settings → Choose Custom CSS
Step 3: Add the following code
.card--media .card__inner {
height: 70%;
}
Note: 70% is an example, you can change it as appropriate and according to your preference
Step 4: Save and check the result
If this is helpful for you, please let me know by giving MooseDesk a ‘LIKE’. If your question is answered please mark this as 'SOLUTION’.
If you are looking for a customer support solution to help drive more conversion to your Shopify store, I suggest exploring MooseDesk, a FREE LiveChat, FAQ & Helpdesk App that can help your support experience easier, better, faster!
With MooseDesk, you can engage with customers through omnichannel support, manage inquiries with a robust ticket system, and provide quick responses.
- Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.
Once again, thank you for reading. Wishing you a great day ahead!
It is published already. But it isn’t solved.
Thanks for your help!
The search image results are showing up with a different image size for blog posts vs product photos on mobile. I would love your helps getting them the same size.