<![CDATA[product customization]]>Hello Richard,
I am wondering a few things, see this test product for example:
https://rosereichart.com/product/test/

  1. how can I change the color of the line around the quantity in the single product?
  2. how can I change the order of the shown information? For example how would I put the price and the button below the product description?
    Thank you
]]>https://laythemeforum.com/topic/7604/product-customizationRSS for NodeSun, 13 Sep 2026 02:07:06 GMTWed, 02 Feb 2022 22:03:48 GMT60<![CDATA[Reply to product customization on Mon, 07 Feb 2022 23:05:53 GMT]]>Dear @Bella
Best wishes & hope you are well ✨

  1. how can I change the color of the line around the quantity in the single product?

It's actually three boxes with borders so the following code relates to all, let me know if it works for you
(w e may need to specify the input-text with an ID if it affects other input-texts):

.lay-woocommerce-qty-wrap *, .input-text {
    border-color:red !important;
}

Result:
Screen Shot 2022-02-08 at 11.42.01 AM.png

  1. how can I change the order of the shown information? For example how would I put the price and the button below the product description?

The following Code:

<script>
window.laytheme.on("newpageshown", function(){

jQuery( ".cart" ).insertAfter( jQuery( ".lay-woocommerce-product-tab" ) );

});
</script>

Gives the result:
Screen Shot 2022-02-08 at 11.53.09 AM.png

This is added into Custom <head> Content in Lay Options > Custom CSS & HTML >

https://laytheme.com/documentation/custom-javascript.html

We also need a little space between the Quantity and Description now that they have been switched:

.woocommerce div.product form.cart {
    margin-top: 50px;
}
Hope this helps Bella! 🏖
Richard
]]>https://laythemeforum.com/post/28321https://laythemeforum.com/post/28321Mon, 07 Feb 2022 23:05:53 GMT