Coupon code apply button is very faint. It works though

[HowardYeomans]

Hi,

I have some coupon codes and they work fine. The Apply button in the cart is very faint, almost invisible. Don’t know why – all other buttons are the right shade. Any ideas very helpful, thanks

Howard.

Check my site [www.velovision.com/printed-magazines/]

[wzp]

Using IE and Chrome, I don’t see anything wrong with the button:

[http://picpaste.com/Apply_Button-k9Dj1EKN.png]

[HowardYeomans]

I’m on Firefox 36.0.4

[http://picpaste.com/Screen_shot_2015-03-31_at_20.18.36-kGdX0u6S.png]

[admin]

Firefox is having a hard time rendering your site correctly. In my browser, it never completes rendering. Keeps waiting for some resources to load.

You can apply a bit of custom CSS tweak to force that button to use the color you want.

Use this plugin:

https://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

Then apply the following CSS in there:

.eStore_apply_coupon{

background-color: #1f2883 !important;

color: #fff !important;

}

[HowardYeomans]

I installed the plugin and applied the CSS, but it did not appear to change. Tryed refreshing browser too.

[admin]

The CSS is definitely there. not sure why FF is not recognizing it. Does the exact same thing happen if you try another WordPress default theme?

[HowardYeomans]

Yes, I tried Twenty Fourteen and it is still faint. Changes colour to the default 2014, but still not quite right.

[admin]

Nothing we can do in the plugin unfortunately. We just tested it with all the default WordPress themes with latest FF. The apply button renders correctly.

So the issue has to be coming from some other custom CSS that you may have on this site.

[Author]

Posts