[Resolved] Styling color of payment method radio button WooCommerce checkout page

Log In Free Support

Popular Articles

Missing style.css

Updating errors

Installing GP Premium

Installing GeneratePress

This topic has 3 replies, 2 voices, and was last updated 5 years, 1 month ago by Elvin.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
March 4, 2021 at 6:54 pm #1682656

Dominique

Hi,

Can you please advise on how to style the selected color of the payment method on WooCommerce checkout page. Now when selected there is nothing. #f4da60 for selected would be great.

Please advise

March 4, 2021 at 9:26 pm #1682720
Elvin
Staff
Customer Support
Hi there,

You can try this CSS to change the selected color on payment methods.
```
#payment .payment_methods li.wc_payment_method>input[type=radio]:first-child:checked+label::before{
color: red;
}
```
March 5, 2021 at 12:26 pm #1683733

Dominique

Hi,

Worked great!

Thanks

March 7, 2021 at 4:34 pm #1686003

Elvin
Staff
Customer Support

No problem. 🙂
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.