d
Topic
Posts:
150
7 days ago

How to find my image code in style.css.liquid?

Hi Shopify,

I need to find some picture in my website (www.fashionmisoul.com) in style.css.liquid but I don't know how I tried to right click on the picture then click on elements but didn't work.Does someone know how to find it please?You can see the image below that's I'm looking for in style.css.liquid

TOPS

Thanks

i
Replies
Liam Griffin Shopify Employee gurulivin.com
Posts:
459
7 days ago

Hi Max,

Liam here from Shopify - thank you for your question :)

This image is actually not referenced within your style.css.liquid file- it is actually stored on the main Shopify admin at the below URL:

https://cdn.shopify.com/s/files/1/1282/8513/files/feature_x6xopt_18f31393-7bee-4fbf-baba-9579605a8e50_800x.jpg?v=1502278398

This image was added to your theme in the theme-editor:

So if you would like to replace this image with a different image, you would need to do this on the theme-editor.

I hope this helps Max, if you have any other questions, please let me know.

Cheers,
Liam | Partner Education
 
support@shopify.com

Posts:
150
7 days ago

Hi Liam,

Thanks for your prompt response I would like to optimize that picture through CSS in style.css.liquid

I optimized the picture through tinypng.com but because the dimension is 800x600 still pagespeed insights shows that url of the picture which still needs to be optimized I was told the following link:

https://jakearchibald.com/2015/anatomy-of-responsive-images/

Please take a look at the link so I need to find the picture in my style.css.liquid then I need to know how to do these changes to my picture.

Please see the code:

<img alt="A cat" width="320" height="213" src="cat.jpg" srcset="cat-2x.jpg 2x, cat-3x.jpg 3x">

How can I do this code to that image?

 

Thanks