Highlighting box

Shopify Discussion
1

Hi there,

I would really appreciate some help. I would like to highlight the ‘Free shipping’ section on my product page. I think putting the text and icon in a coloured box would work well. Could someone please advise how I could do this?

https://salourlingerie.com/products/rochelle-bodysuit

Thanks!

2

@Holly18 ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag

Result:

BSSCommerceB2B_0-1727684043869.png
BSSCommerceB2B_0-1727684043869.png1171×453 122 KB

If it helps you, please like and mark it as the solution.

Best Regards :blush:

3

Hello @Holly18

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 on theme.liquid

.product-form__text-icon.pt2.mb2 { background-color: #f0f8ff; padding: 15px; border: 2px solid #0099cc; border-radius: 5px; display: flex; align-items: center; margin: 20px 0; }

Tech_Coding_0-1727684104244.png
Tech_Coding_0-1727684104244.png985×328 38.5 KB

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

1 Like
4

Hey @Holly18

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 tag

RESULT:

Moeed_0-1727684135416.png
Moeed_0-1727684135416.png793×561 40.8 KB

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

Best Regards,
Moeed