CSS formatting – Cart Totals "Shipping Method"

[webmgr]

I am trying to format the first-child under CART TOTALS (FREE SHIPPING). see image swiftideas-1

I can do it this way
.woocommerce ul#shipping_method li:first-child {
color:red;
font-weight:bold;
}

PROBLEM IS. . .
If the cart total doesn’t reach the free shipping dollar amount ($49.), (FREE SHIPPING) doesn’t display and the above code formats the next method (LOCAL PICKUP) which I don’t want.

I have tried messing around with this also but it isn’t right.
.woocommerce ul#shipping_method li label:shipping_method_0_legacy_free_shipping {
color:red;
font-weight:bold;
}

The code of the SHIPPING METHOD is here. swiftideas-2

Thanks for your help.

webmgr

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi,

Is it only the free method you want styled?

Thanks.

[webmgr]

yes!

[webmgr]

I figured it out David. If anyone else is interested, here it is.

label[for=”shipping_method_0_legacy_free_shipping”] {
color:red;
font-weight:bold;
}

Thanks.

webmgr

[Mohammad – SUPPORT]

Hi,
I am glad that you managed to resolve the issue.
Thanks
Mohammad