Enable zoom on debut theme, not a product.

Solved
citruswa
New Member
3 0 0

I am using the theme "Debut" and I'm trying to get an image to be able to zoom when you click or hover over it. 

 

It is not an image for a product, its on a seperate page that shows on a picture the areas we deliver and service. 

 

https://the-doorstep-grocer.myshopify.com/pages/delivery-area 

Accepted Solution (1)

Accepted Solutions
Wahab_Ahmad
Shopify Partner
722 112 178

This is an accepted solution.

Hello @citruswa,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

 

.rte img {
transition: transform .2s; /* Animation */
}

.rte img:hover {
transform: scale(1.5);
}


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

View solution in original post

Replies 2 (2)
Wahab_Ahmad
Shopify Partner
722 112 178

This is an accepted solution.

Hello @citruswa,

 

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss->paste below code at bottom of file

 

.rte img {
transition: transform .2s; /* Animation */
}

.rte img:hover {
transform: scale(1.5);
}


Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: wahabahmadghori@gmail.com

 

View solution in original post

BeresMedia
Tourist
6 0 3

This didn't work for me, can you please suggest something else?