A line around the pictures in the description

Solved

A line around the pictures in the description

Fynorix
Excursionist
20 1 4

Hi, I have a black border around every image in my description, which is bothering me when I use PNG images. I would appreciate some help.

Accepted Solution (1)
Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @Fynorix 

 

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>
.rte img {
    border: unset !important;
}
</style>

RESULT:

Moeed_0-1726748607587.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


View solution in original post

Replies 12 (12)

Tech_Coding
Shopify Partner
514 132 131

Hello @Fynorix 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
Fynorix
Excursionist
20 1 4
Moeed
Shopify Partner
6736 1820 2202

This is an accepted solution.

Hey @Fynorix 

 

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>
.rte img {
    border: unset !important;
}
</style>

RESULT:

Moeed_0-1726748607587.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Fynorix
Excursionist
20 1 4

thank you so much

Moeed
Shopify Partner
6736 1820 2202

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


websensepro
Shopify Partner
1854 215 261

Hi @Fynorix ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

 

<style>
.product__info-wrapper .product__description.rte img {
    border: none !important;
}
</style>

 

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

Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
Tech_Coding
Shopify Partner
514 132 131

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .product .rte img {
     border: unset !important;
  }
</style>

Tech_Coding_0-1726748750503.png

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

websensepro
Shopify Partner
1854 215 261

Hi @Fynorix , kindly share your store URL please. Thanks!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP

Moeed
Shopify Partner
6736 1820 2202

Hey @Fynorix 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications


Fynorix
Excursionist
20 1 4

dws_pvt_ltd
Shopify Partner
368 69 87

@Fynorix, Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.

 

.product__info-wrapper .product__description.rte img {
    border: none;
}

 

dws_pvt_ltd_0-1726748619992.png

 

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Helpful? then please Like and Accept the Solution.
For any inquiries, please feel free to contact via WhatsApp and Email: sales@dolphinwebsolution.com.
For more information visit our website Dolphin Web Solution Pvt Ltd.

Rahul_dhiman
Shopify Partner
740 143 150


Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> theme.scss.css

 

 

.product-media-container.media-type-image.media-fit-contain.global-media-settings.gradient.constrain-height {
    border: none !important;
}

result
9.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages