Style issues

Hi @vickiejv,

Thanks for contacting us. Your issues with the country drop-down is not related to the Stripe plugin. Those fields are rendered by WooCommerce. I did however review your checkout page and the reason the country dropdown is so small is because you don’t have a value in the placeholder.

<span class="select2-selection__placeholder"></span>

The placeholder might be empty because you haven’t specified a location for your store in the WooCommerce settings. Notice if you select a country, fill out billing info, then refresh the checkout page the dropdown isn’t collapsed.

The orange text is the plugin’s default color when auto-fill is used. We are planning on adding some additional styling in the next release so that it’s black. If you use the Stripe inline form you shouldn’t see the orange when auto-fill is used.

You can control the auto-fill by using the following filter and php code:

function update_cc_form_autofill($forms){
    $forms['bootstrap']['elementStyles']['base'][':-webkit-autofill']['color'] = 
    '#000';
    return $forms;
}
add_filter('wc_stripe_get_custom_forms', 'update_cc_form_autofill');

Kind Regards,

Thank you very much for the quick reply!

I changed my store location in Woocommerce, thanks for looking into that too. Unfortunately the php code did not change the orange. Also tried adding !important to #000, clearing my cache and no luck.

Glad to know the additional styling will be included in the next release! I will wait for that if it’s not possible now ??

Thank you !