Placement Questions

I am also wondering why there are two radio buttons for each postage option. https://greybarn.ca/wpfunnel_steps/checkout/

Also, I cannot find the tab to make the radio button anything but purple. ??

Thanks for your help.

Just one more thing, when I click the integrations, by SendinBlue Integration doesn’t show up. I’ve added the API key and authorized it, but no luck. ??

Hi @greybarn , thanks for reaching out. Let me try to help you out here.

First, please provide us with screenshots to explain what you are trying to change with the “Ship to Different Address” and where you are seeing two ratio buttons.

Meanwhile, to change the color of the radio button, you would need a custom snippet as at the moment, there is option to change the color from within the plugin.

You may use the following snippet in Customizer and change the color code as per your requirement:

wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper input[type=radio]:checked + label.radio:before {
border-color: #d3b842 !important;
}

.wpfnl-checkout .wpfnl-form-row.field-radio .woocommerce-input-wrapper input[type=radio]:checked + label.radio:after {
background-color: #d34b42 !important;
}

About integrations with Sendinblue, can you let us know versions of the WPFunnels plugins you have?

Thanks.

I tried to add the snippet above to the functions.php (it errored out) and my />WPCode, but it still does not change the colour.

Hi @greybarn , to use the snippets, go to Appearance > Customize and then Additional CSS.

There, add the snippets and Publish.
**Remember to replace the color codes with the ones you want.

Snippet for Shipping options Radio buttons:

.wpfnl-checkout .woocommerce-shipping-methods li input[type=radio]:checked + label:before {
    border-color: #bbd342 !important;
}

.wpfnl-checkout .woocommerce-shipping-methods li input[type=radio]:checked + label:after {
    background-color: #d39042 !important;
}

Snippet for Payment options Radio buttons:

.wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > input[type=radio]:checked + label:before, .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > input[type=radio]:checked + label:before {
    border-color: #c2d342 !important;
}

.wpfnl-checkout .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods > li > input[type=radio]:checked + label:after, .wpfnl-checkout .woocommerce-checkout #payment ul.payment_methods > li > input[type=radio]:checked + label:after {
    background-color: #d35542 !important;
}

And about the issue with the toggle icons overlapping the Shipping Address title, can you try the following:

• Go to WPFunnels > Settings > Advanced Settings and enable the option “Disable Theme Styles in Funnel Pages.” Then Save changes.

Now clear browser cache and check if it is fixed. If not, let us know what theme you are using. Thanks.