Woocommerce: How to change size buttons place order in cart and checkout

I should turn off caching and delete any cached pages while debugging so you can see the effect of any changes.

If you deactivate the autoptimize plugin does that make any change to the button appearance?

Hi Lorro,

Thanks for your response! My apologizes that i reply so late on you. I didn’t get an email from the WordPress Support forum…..

I am going to check if the problem is in the autoptimize plugin, and has something to do with the caching.

Thanks in advance

Gaston
https://www.computershop-online.nl

Hi Lorro,

I turned off all the caching. First i turned off Autoptimize plugin, after that i cleared all the cachings for W3TC. After that I deactivated the W3TC caching plugin, and i set the CloudFlare caching on “Basic” and purged the cache on CloudFlare, after all of that i opened in Google Chrome an incognito screen (to try if that is not showing any cached versions of the pages), but still are the buttons to small.

I am going to turn all the cachings again….

Gaston

Thanks, would you mind turning off the snowflakes for a bit while I look at it with browser tools, my cpu and fan max out and the site becomes unresponsive.

Okey, at this moment i have turned on CloudFlare caching on aggressive mode again. The W3TC cache plugin and the autoptimize plugin are also activated again…

Off course i can turn of the snowflakes for a while.

Thanks for this help! Very nice from you!

Can you let me know when i can turn on the snowflakes again?

Gaston

Hi Lorro,

The winter has stopped now :p

At this moment is the “Snow My WP” plugin deactivated.

Gaston

I’m sorry to be a pain but please could you turn off autoptimize while I look at the css. To a degree it conceals what is happening.

Hi,

Off course, no problem…..

Autoptimize is Turned off now….

Hi guys; just so you know, you can disable autoptimize ad hoc by appending “?ao_noptimize=1” to the URL.

frank

Hi Lorro,

Did you find anything in your investigation?

I see you are not active investigationing the issue at this moment….

I reactivate the snow effect again, and the autoptimize plugin. If you want to investigate again… Be me guest, and let me know, than i deactivate what you suggest.

You can also send me an email to [email protected] if i should not respond on this support forum.

Thanks in advance

With kind regards,

Gaston
https://www.computershop-online.nl

I was able to turn off autoptimize thanks to Frank’s suggestion.

Try this in your custom css:

.woocommerce table.cart td.actions input[type="submit"].button {
width:170px;
height:50px;
margin:2px;
padding:12px 18px;
font-size:12px;
color:#444444;
background:#ad74a2;
border-corlor:#444444;
border: 1px solid #c8bfc6
}

.woocommerce table.cart td.actions input[type="submit"].button:hover {
background:#ddd;
color:#F4A742
}

My cpu maxed out while trying to edit the page, and the page is unresponsive. I thought it might be the snow, but I was able to tell that’s taking only 2% of my cpu.

In Windows 7, press control-alt-delete, “then Start Task Manager”. This will show cpu usage. Other OSs will have similar tools. Normally my cpu chugs along at 5 – 10%, but when I open your site, cpu shoots up to 60 – 100%. Do you get this effect? Try disabling plugins one-by-one to try to identify which one is maxing cpu. If your buyers encounter an unresponsive site they will go to the next.

Hi Lorro,

This is great! It is working now, but only on the cart page. I also tried to copy-paste this code and changed “.woocommerce table.cart ……” into “.woocommerce table.checkout ……”, but that has no effect. Do you also know how to fix that? At this moment it is much better than it was before, but it should be even more better if also the “place_order button” should be the same color and size.

About the cpu usage, I think it is because the website has about 90 plugins, but those functionalities they provide are all needed. I checked often if I have the possibility to deactivate some or more plugins, but all the ones that are installed at this moment are needed.

And strange that you find out that the site is unresponsive, i have WP-touch installed. And when i check on the smartphone of my girlfriend (Android), the website is responsive… What kind of device do you use?

With kind regards,

Gaston
https://www.computershop-online.nl

#payment #place_order {
width:380px;
height:50px;
margin:2px;
padding:12px 18px;
font-size:12px;
color:#444444;
background:#ad74a2;
border-corlor:#444444;
border: 1px solid #c8bfc6
}

#payment #place_order:hover {
background:#ddd;
color:#F4A742
}

90? I didn’t think it was possible!

Laptop with [email protected] and SSD.

Hi Lorro,

Thankyou, I am going to try right now!

I asked for the device you use, because of the point you say that our website should not be responsive. If i understand correctly responsiveness has to do with mobile device or is that not correct?

With kind regards,

Gaston
https://www.computershop-online.nl