How can I eliminate padding on an image hotspot?

Shopify Discussion
1

I’m using the expanse theme and would like to remove the padding between above the image hotspot. I’ve tried to upload photos for examples but I keep getting an error message.

2

Hi @isabelle28

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Here’s the photo. I haven’t purchased the theme yet, so my url wouldn’t be any help. Once I figure out this issue I hope to publish with this theme. Hopefully the photo helps!

Screen Shot 2024-01-03 at 5.40.08 PM.png
Screen Shot 2024-01-03 at 5.40.08 PM.png1531×1349 148 KB

4

I think you can still share the link even if the site is still unpublished, you will also have to share the password (of the unpublished store) if you have set a password on it.

5

Hi @isabelle28 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

<style>
@media(max-width:767px){
.hotspots-section .index-section{
padding:0 !important
}
}
</style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

6

The preview would be great also. :blush: