Custom CSS issue on theme upgrade

Solved

Custom CSS issue on theme upgrade

Alisha_Jemelian
Explorer
70 0 11

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

Screenshot 2024-10-10 at 5.20.07 PM.png

Accepted Solutions (2)

Dan-From-Ryviu
Shopify Partner
10091 2006 2057

This is an accepted solution.

Did you solve the issue or is that theme is not published yet? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

MooseDesk
Shopify Partner
406 57 118

This is an accepted solution.

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

MooseDesk_0-1728661051109.png

 

Step 2: Select Theme settings -> Choose Custom CSS

MooseDesk_1-1728661084242.png

 

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.

MooseDesk_2-1728661196679.png

 

 

  • Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

MooseDesk_3-1728661196820.png

 

 

Once again, thank you for reading. Wishing you a great day ahead!

 

Was your question answered? Giving MooseDesk's reply a Like or marking it as an Accepted Solution!


MooseDesk - #All-in-one Customer Support and Helpdesk Solution for Shopify Merchants

Install now. Be our early bird and get all features free forever.

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
10091 2006 2057

This is an accepted solution.

Did you solve the issue or is that theme is not published yet? 

- Helpful? Like and Accept solution! OR Buy me coffee ❤️
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Ryviu: Aliexpress Reviews - AliExpress Reviews Importer, one-click import aliexpress reviews, export reviews to CSV file.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Alisha_Jemelian
Explorer
70 0 11

It is published already. But it isn't solved.

MooseDesk
Shopify Partner
406 57 118

This is an accepted solution.

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

MooseDesk_0-1728661051109.png

 

Step 2: Select Theme settings -> Choose Custom CSS

MooseDesk_1-1728661084242.png

 

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.

MooseDesk_2-1728661196679.png

 

 

  • Or you can let customers resolve questions faster with in-built FAQ, Order tracking module, and more.

MooseDesk_3-1728661196820.png

 

 

Once again, thank you for reading. Wishing you a great day ahead!

 

Was your question answered? Giving MooseDesk's reply a Like or marking it as an Accepted Solution!


MooseDesk - #All-in-one Customer Support and Helpdesk Solution for Shopify Merchants

Install now. Be our early bird and get all features free forever.

Alisha_Jemelian
Explorer
70 0 11

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.