Return to previous page

Text to bold and green proceed to payment

This topic has 4 replies, 3 voices, and was last updated 3 years, 3 months ago ago by Olga Barlow

Allan Morrow

Participant

October 12, 2021 at 00:59

Hi there, where in the settings can I change the circled text to bold please? Please see attached links below.

Also, Id like to be able to change the “proceed to payment” button to green how can this be done please?

Thanks

https://www.dropbox.com/s/hu0k3u7ihfqbns8/Screenshot%202021-10-08%20at%2011.35.26.png?dl=0
https://www.dropbox.com/s/4l79by8wc3hph9l/Screenshot%202021-10-08%20at%2011.36.04.png?dl=0
https://www.dropbox.com/s/gebou9mpabbpb54/Screenshot%202021-10-08%20at%2011.36.33.png?dl=0
https://www.dropbox.com/s/jw9rebsxxk8jmkz/Screenshot%202021-10-08%20at%2011.39.05.png?dl=0
https://www.dropbox.com/s/zabw61u23m47dx7/Screenshot%202021-10-08%20at%2011.39.30.png?dl=0
https://www.dropbox.com/s/4efnuq5ysmhsve0/Screenshot%202021-10-08%20at%2011.40.41.png?dl=0

#305212 Copied Theme version: 8 WooCommerce version: 5.7.1

3 Answers
Rose Tyler

Support staff

October 12, 2021 at 07:57
Hello,

1/ Add the next code in Theme Options > Theme custom CSS:
```
.woocommerce-account header.title, .woocommerce-account header.title h3,
.widget-title {
    font-weight: bold;
}
```
2/ Theme options > Styling > Dark buttons

Regards
#305227 Copied
Allan Morrow

Participant

October 12, 2021 at 19:29

OK so that custom CSS changed the widget buttons but the headings in the account are not bold?

See here – https://www.dropbox.com/s/kttfdj2dl3rucia/Screenshot%202021-10-13%20at%2005.26.24.png?dl=0

2/ the dark buttons colour seems very broad. What other buttons is this going to change? I only want the proceed to payment/payment button green..

#305291 Copied
Olga Barlow

Support staff

October 13, 2021 at 12:43
Hello,

1) Provide us with WP Dashboard access to your site to check the mentioned section and find what classes are used for these headings to improve the code.

2) Use the below code to change the color of that button only
```
.template-container .place-order .button {
    background-color: green !important;
    border-color: green !important;
}
.template-container .place-order .button:hover {
    background: blue !important;
    border-color: blue !important;
}
```
Regards
#305351 Copied
Tagged: bold, green, payment, persuasive, themes, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)