Comments 16Soluforyou started the conversationJuly 10, 2023 at 12:45pmHi there. Is there a way to style the black square with 'Have a coupon? Click here to enter your code'?(this page: https://soluforyou.com/checkout/)- the text's left padding should be higher- it would be nicer if the black rectangle has a rounded shapeSee before (browser) /after (photoshop)Attached files: Screenshot 2023-07-10 at 14.40.25 2.jpg Screenshot 2023-07-10 at 14.42.29.jpg 279Noah repliedJuly 10, 2023 at 12:51pmHi there,Try the following CSS: body.woocommerce-checkout div.woocommerce div.woocommerce-form-coupon-toggle div.woocommerce-info{ padding-left:2em; border-radius:10px; } add it to salient \ general settings - css script related - custom css code.Cheers1 Like 16Soluforyou repliedJuly 10, 2023 at 1:50pmThat's great, thanks! Sign in to reply ...
Hi there. Is there a way to style the black square with 'Have a coupon? Click here to enter your code'?
(this page: https://soluforyou.com/checkout/)
- the text's left padding should be higher
- it would be nicer if the black rectangle has a rounded shape
See before (browser) /after (photoshop)
Attached files: Screenshot 2023-07-10 at 14.40.25 2.jpg
Screenshot 2023-07-10 at 14.42.29.jpg
Hi there,
Try the following CSS:
body.woocommerce-checkout div.woocommerce div.woocommerce-form-coupon-toggle div.woocommerce-info{ padding-left:2em; border-radius:10px; }add it to salient \ general settings - css script related - custom css code.
Cheers
That's great, thanks!