Unverified

Name

Customize css "Apply Coupon" button in Woocommerce

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.

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}

0

Related Snippets

Please see some snippets below related to this snippet..

WooCommerce

AI Verified

0

WooCommerce Remove Sale Badge

Added: 3 months ago

Last Updated: 2 months ago

This snippet shows you how you can remove the sale badge on both the product archive loop item (which usually appears on top of the image or just below the product title. It also removes the sale badg...

WooCommerce

AI Verified

0

Hide shipping rates when free shipping is available

Added: 4 months ago

Last Updated: 2 months ago

WooCommerce

AI Verified

0

Show Order Deatails on seperate Page

Added: 4 months ago

Last Updated: 2 months ago

Other Snippets in this Codevault

These are some popular snippets from this users codevault..

WooCommerce

AI Verified

0

Makes read terms of payment checked by default

Added: 2 months ago

Last Updated: 2 months ago

Check out page makes read terms of payment checked by default

WooCommerce

AI Verified

0

Change COD default order status to On-hold

Added: 2 months ago

Last Updated: 2 months ago

Makes On-hold the orders using COD and BACS

JavaScript

Unverified

0

Text fields makes autocomplete off

Added: 2 months ago

Last Updated: 2 months ago

Make text field autocomplete off using the Fluent forms plugin