Customize css "Apply Coupon" button in Woocommerce

Unverified

Name

About

Make customize CSS "Apply Coupon" button in your Woocommerce Cart page.

Language

CSS

Rating

Voted: 0 by 0 user(s)

How to Setup Snippet

Add this to your customize theme with additional CSS.

Codevault

Jaypee

Scroll down to see more snippets from this codevault.

Wordpress Compatability

The author has indicated that this snippet is compatable up to wordpress version: 5.8

Code Snippet Plugin Sync

Free & Pro

Download this snippet by clicking the download button, then head over to the Code Snippet Plugin settings in your wordpress admin dashboard, select the import menu then upload this file to import into your wordpress site.

Pro Only (Coming Soon)

You will be able to click a button and sync this snippet to your wordpress site automatically and from your dashboard manage all code snippets across all your wordpress sites that have the Code Snippets Pro plugin installed.

Website/ Profile URL:

https://maglacasdigital.com/

History

Last modified:

20/11/2022

Important Note

This snippet has the following status:

Unverified

This snippet has not been verified, use with caution and at your own risk. See details provided by author in sidebar and click below to find out more.

Learn More

Customize css "Apply Coupon" button in Woocommerce

 
                     1/*
 2* Use !important to overide the current css.
 3* You may add more css property depends on your requirements.
 4*/
 5 
 6input[name=apply_coupon]{
 7    color: white !important;
 8    background: #8B9AAE !important;
 9    text-transform: uppercase !important;
10}

Related Snippets

Please see some snippets below related to this snippet..

WooCommerce

AI Verified

Hide Order Notes

Added: 10 months ago

Last Updated: 4 months ago

Hide Order notes in WooCommerce check out page.

View

WooCommerce

AI Verified

WooCommerce Replace “Thank You. Your Order Has Been Received” Text

Added: 10 months ago

Last Updated: 10 months ago

Personalising the intro text on the WooCommerce Thank You page (order received endpoint) can greatly enhance the customer experience. Even just adding the customer’s first name can give that text the...

View

WooCommerce

AI Verified

WooCommerce Show Sale Price Dates On Product Page

Added: 10 months ago

Last Updated: 10 months ago

This snippet allows you to show the date range a product is on sale if you had set a sale price in the editor.

View

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

WooCommerce

AI Verified

Makes read terms of payment checked by default

Added: 10 months ago

Last Updated: 3 months ago

Check out page makes read terms of payment checked by default

View

WooCommerce

AI Verified

Hide Order Notes

Added: 10 months ago

Last Updated: 4 months ago

Hide Order notes in WooCommerce check out page.

View

WooCommerce

AI Verified

Change COD default order status to On-hold

Added: 10 months ago

Last Updated: 10 months ago

Makes On-hold the orders using COD and BACS

View