› Rooms › Divi Plugins › coupon code cutting off, change coupon to discount › Reply To: coupon code cutting off, change coupon to discount
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>