no .css files

Shopify Partner
17 0 1

I am trying to get a magnifying effect on images but my theme doesn't have base.css


Add Zoom On Hover in Product Page - Shopify Dawn Theme (

- As mentioned in this tutorial

What would I use?

Replies 4 (4)
Shopify Partner
17 0 1

Piping Modifications

- Website Link

Shopify Partner
5572 1022 1054

You can wrap your CSS code into this 

your css code goes here

And then add it to your Online store > Themes > Edit code > open theme.liquid, add code before </head> tag



- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

Shopify Partner
311 39 52

your theme has theme.scss.css instead, try adding the code there

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

Shopify Partner
3653 804 1449

Hi @simsie 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Depending on the theme you use, there will be different CSS files (styles.css, theme.css, base.css...) or you can also add css by adding tags <style> </style> and then add it to your Online store > Themes > Edit code > open theme.liquid, add code before </head> tag

Hope you find my answer helpful!
Best regards,
Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!

PageFly - #1 Page Builder for Shopify merchants.

All features are available from Free plan. Live Chat Support is available 24/7.