How to add zoom on hover effect in Dawn theme without base.css?

Store Design
, , ,
1

Hello,
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 (websensepro.com)

  • As mentioned in this tutorial

What would I use?

2

Piping Modifications

  • Website Link
3

You can wrap your CSS code into this

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

4

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

5

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 and then add it to your Online store > Themes > Edit code > open theme.liquid, add code before tag

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