Product page

[Whynot102]

Website : whynotcity.com pass lahyoo

Hi , can anybody knows how to remove the frame surrounding product image ?

[Rahul_dhiman]

Hello @Whynot102

Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

.global-media-settings {
    border: 0px !important;
}

result

Thanks

[LizHoang]

Hi @Whynot102

You can follow the instruction here :

1. Go to Shopify > Online store > theme > customize

2. Click to Settings > Custom CSS > Paste this code to the section and save.

.product-media-container {
    border: none !important;
}

[websensepro]

Hi @Whynot102

1. Go to Online Store → Theme → Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file

.global-media-settings {
    border: none !important;
}

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

[topnewyork]

Hello, @Whynot102

1. Go to Online Store
2. Edit Code
3. Find theme.css/base.css file
4. Add the following code in the bottom

.global-media-settings.gradient {
    border: none;
}

Thanks!

[ZestardTech]

Hello @Whynot102 ,

Here are the steps to apply the necessary changes in your Shopify store:

1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
2. Locate Asset > base.css and paste the following code at the bottom of the file:

body .global-media-settings {
    border: none !important;
}

Let me know if you need further assistance!