Product page customisation text box outline

Store Design
1

Hi!

I’m trying to make a customisation box on product pages be more obvious by having it be outlined.

I’ve tried (and failed) to edit the code to make this appear but nothing seems to work!

Screenshot 2021-12-07 at 11.53.37.png
Screenshot 2021-12-07 at 11.53.37.png1532×926 179 KB

this is my code currently:

theme.productStrings = {
    {% if template contains 'alternate_custom_size' %}
                
         

                

                  

                  

{% endif %}
    addToCart: {{ 'products.product.add_to_cart' | t | json }},
    soldOut: {{ 'products.product.sold_out' | t | json }},
    unavailable: {{ 'products.product.unavailable' | t | json }}
  };

Any help would be fantastic!

1 Like
2

@ByShon

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hello @KetanKumar

My URL is by-shon.com.

Thank you!

1 Like
4

@ByShon

thanks for the URL try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.line-item-property__field textarea {
    border: 1px solid #ccc;
    width: 100%;
}

@timicrown

sorry for any issue let me know how can i help you share store url and issue images

5

Hello! My site URL is by-shon.com

The problem is on any of the made to order items where customisation is
available.

Thanks!!