Add custom border around product image and description

EmmaChui
Tourist
3 0 1

Hello,

 

is it possible to add a custom border around the product image and description as on this website? https://liziqi.world.tmall.com/shop/view_shop.htm?spm=a230r.1.14.19.3507f83avPeHbc&user_number_id=39...

Screenshot 2022-04-29 at 08.56.16.png

 

I can only find solutions for adding simple borders around the images, but is it possible to add a fancier border?

 

This is my shop url: https://bfgtrial.myshopify.com/ and the psw is hello

 

Thanks in advance!

Replies 4 (4)

LitCommerce
Astronaut
2860 684 732

Hi @EmmaChui,

The demo you sent it is added directly by the image, if you want to add the same thing you can use background for it. Refer https://www.w3schools.com/cssref/pr_background-image.asp

Hope it helps!

 

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!
EmmaChui
Tourist
3 0 1

I see, thanks for the reply! 

Mr_RaviRaj
Shopify Partner
505 57 108

@EmmaChui 
Which refrence website You have given it has images it's not the border with code.
Make you product images with the border.


Let me know if you need any more help.
Thank you.

banned
EmmaChui
Tourist
3 0 1

OK sure thanks for the suggestion!