Archived topic
Delete the coupon message notice in checkout page
13 replies · Started by xinghui on October 5, 2022
I want to remove the message text of the coupon for the checkout page and only show the coupon form below, how to do it
image_url:https://i.postimg.cc/TP3dH18r/delete-coupon.jpg
Hi Xingui,
Can you provide a link where we can view this?
You may use the Private Information field for this: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
OK,i put it at private
Try adding this in Appearance > Customize > Additional CSS:
.coupon-form form.checkout_coupon.woocommerce-form-coupon {
display: block !important;
}
.coupon-form .woocommerce-form-coupon-toggle {
display: none;
}
Thank you,Fernando,Now it's all gone, I want to show the below 'If you have a coupon code, please apply it below.' and the coupon form and button
like tihs image:https://i.postimg.cc/DwFzkF4w/Display-it.jpg
I see. Did you make any changes other than adding the code? Can you remove the code I provided?
i can delete your code,Before this I moved the position of my coupon form, but now I deleted the hook I added and it's back to the original position
Can you try this?:
.woocommerce-form-coupon-toggle {
display: none;
}
form.checkout_coupon.woocommerce-form-coupon {
display: block !important;
}
Why does the previous one still show?
Can you check all your CSS code here?: http://csslint.net/
I think there's a syntax error somewhere which may be causing issues.
I checked and there are only warnings and no errors
image_url:https://i.postimg.cc/N0nzbczb/warning.jpg
I mean everything in your Additional CSS.
See upon testing: https://share.getcloudapp.com/P8u7Q4AZ
Hi,Fernando,I checked all the CSS code as you said, modified the wrong code, and refreshed it again. The code you gave took effect. Thank you for your help. I will go to get yours first after adding CSS next time. Check it out with the tools, I learned a lot, thank you very much
You're welcome Xinghui!