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
1253 282 270

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!
Mr_RaviRaj
Shopify Partner
262 32 42

@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.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: raviraj@zworthkey.com
,We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
EmmaChui
Tourist
3 0 1

I see, thanks for the reply! 

EmmaChui
Tourist
3 0 1

OK sure thanks for the suggestion!