Remove border outline on section

[Nattlig]

My image + text sections have a light gray outline border. How do I remove this?

Here is the store link: https://nattlig.no/products/nattligputen

Here is a screenshot:

[BSS-TekLabs]

- Here is the solution for you @Nattlig 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.global-media-settings {
    border: none !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Moeed]

Hey @Nattlig 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.image-with-text .global-media-settings {
    border: unset !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[BSSCommerce-B2B]

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

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.product-media-container {
  border: none!important;
}
</style>

Result:

[Made4uo-Ribe]

Hi @Nattlig 

is this for mobile only? For the mobile:

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

@media only screen and (max-width: 749px){
.product-media-container.media-type-image.media-fit-cover.global-media-settings {
    border: 0;
}
}

And Save. 

For both mobile and dekstop:

Same Instruction.

.product-media-container.media-type-image.media-fit-cover.global-media-settings {
    border: 0;
}

And save. 

result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PageFly-Richard]

Hi @Nattlig 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.product-media-container {
  border: 0!important;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly