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

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

simsie
Shopify Partner
17 0 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?

j.simsie
Replies 4 (4)

simsie
Shopify Partner
17 0 1

Piping Modifications

- Website Link

j.simsie

Dan-From-Ryviu
Shopify Partner
8414 1654 1668

You can wrap your CSS code into this 

<style>
your css code goes here
</style>

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

 

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

fadi_yousif
Shopify Partner
344 43 66

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

Freelance Shopify Developer


Did I help? Leave a tip!

PageFly-Richard
Shopify Partner
4394 1005 1657

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.