How can I add a border around a div on my product page?

Help! Currently the product page displays this code that I’ve added. I’m trying to place a border around this Customer Understanding. I’m using Archive theme. The code currently shows:

Customer Understanding
I understand that personalized orders such as this one are made to order with information provided by myself.
I understand that errors in spelling that are of my own fault are not eligible for replacement.
I have checked my spelling and found it to be correct

And shows on the product page as:

Hi @HGL_Designs ,

What’s the store url?

Hello @HGL_Designs ,

You can try to follow these steps:

  • Go to Online Store → Themes → Actions → Edit code
  • Go to Templates section → go to the file include the section “Customer Understanding” you’ve made
  • Remove the previous code you added
  • Add this following code below that contains Customer Understanding:
#customer-understanding {
  border: 1px solid #000000;
  padding: 10px;
}
  • Save and preview

Hope this can help.

Ali Reviews team.

1 Like

Hi, you can add border to that section by updating your code to this

 

Hello there,

Add this code to check