Change the color button

How to changed the color button and font

Attachments:

You must be logged in to view attached files.

Hello,

Please use the below custom CSS code and paste it to Theme Settings >> Custom CSS >> Global CSS section:

.woocommerce-view-order section.woocommerce-order-details a.button.button-primary {
    background: red;
    color: #fff;
    font-size: 18px;
    font-family: 'VI_WN_ICON_CLOSE';
}

Best Regards.

It is still does not change the color of button

the button is diplay on thank you page

Hello,

Sorry for the earlier inconvenience. As you mentioned it is on the Thank You page, so we have modified our earlier CSS and applied the following one to change the Background and Text Color of the Button along with th Font Size:

.woocommerce-order-received .woocommerce-order-details .button-primary {
    background: #1246ab !important;
    color: #fff !important;
    font-size: 1em !important;
    font-family: 'VI_WN_ICON_CLOSE' !important;
}

Location to find the applied Custom CSS is the same as told earlier:

You can change the Color Hex Code and Font Size value according to your choice. We have just added it as an exemplary.

Best Regards

[Author]

Posts