Tagged: Button Size, paypal
hi in my website http://www.toysanarchy.com I still have this problem at check-out the “proceed to check-out” button is smaller I would like it as big as the “apply coupon” and “update cart” buttons. and would it be possible to have the paypal buttons not rounded but squared as on the product page? see image https://www.toysanarchy.com/wp-content/uploads/2021/12/04-button-size.jpg
thanks gianluca
I managed to have the Paypal button not rounded, all that remains is to make the “proceed to checkout” button full size and make sure there is a space between the two buttons. Thanks
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
div.wc-proceed-to-checkout a {
width: 100%;
margin-bottom: 20px;
}
Best regards,
Rikard
done thanks but it doesn’t seem to work
Hi,
Try this instead:
div.wc-proceed-to-checkout a {
width: 100% !important;
margin-bottom: 20px !important;
}
Best regards,
Rikard
Great!
Now it works perfectly.
Thank you very much :-)
Gianluca
Hi,
Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
I’d likt to have all woocommerce buttons uppercase, is it possibile?
I tried this
/*** WOO BUTTONS ***/
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
text-transform: capitalize !important;
}
but doesn’t work can you help me please?
Hi,
Your CSS is applying on your site. If you want all the letter to be uppercase, then please to replace capitalize with uppercase in your code.
Best regards,
Rikard
I apologize, we can close the ticket
Hi,
Thanks for the update, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.
Best regards,
Rikard