› Rooms › Divi Plugins › coupon code cutting off, change coupon to discount
Tagged: cart, coupon, learndash, woocommerce
- This topic has 6 replies, 3 voices, and was last updated 1 year, 6 months ago by
Maureen Biologist.
Viewing 3 reply threads
-
-
23 November 2021 at 9:34 pm #1779::
I am using Woocommerce for my Learndash course + Divi theme and have 2 issues. I think this may involve code to resolve so I’d love some help with it, please > https://scottwalkercoaching.com/
- On my Cart page cuts off the word Code when viewed on mobile. How do I format the Cart page? Or do I need a plugin? If so, which are recommended? Free is better!
- How do I replace all mentions of the word ‘Coupon’ with ‘Discount’?
-
23 November 2021 at 9:37 pm #1781
-
23 November 2021 at 9:40 pm #1782
-
23 November 2021 at 9:41 pm #1783
-
-
23 November 2021 at 9:43 pm #1784::
You can reduce the padding on the coupon code field. If that’s not enough, you’ll need to also reduce the font size.
.woocommerce-cart table.cart td.actions .coupon #coupon_code.input-text { padding: 6px 4px; font-size: 18px !important; /* if needed... */ }
The best no-plugin way to change text is with jQuery (JavaScript). Sometimes it not easy to understand, but it is so much better for your site.
Add this to a code module on your cart page (or if you need to, add it to Theme Options -> Integrations in the head area).<script> (function($) { $(document).ready(function() { $('#coupon_code').attr('placeholder', 'Discount code'); $('.coupon .button').prop("value", "Apply discount"); $('.coupon .button').html("Apply discount"); }); })(jQuery); </script>
-
Viewing 3 reply threads
- You must be logged in to reply to this topic.