WooCommerce fields set up with CSS Floats rendering issue

[sairafi]

Hi,

we’ve begun to notice some rendering issues with the HTML elements that are being rendered after the float styled container.

the “non-float” styled container are overlaying on top of the float styled containers and make the input fields un-clickable.

is there a workaround to resolve this issue?
Perhaps, avoid using floats or provide us the un-minified CSS so we can customize it on our own.

Regards,

[marc_a]

Hi @sairafi,

Thanks for reaching out.

Please provide us screenshot or page URL of your website that your having a rendering issue so that we check and give you an advice on how you can fix it.

Hope that helps.

Thank you.

[sairafi]

Thanks for getting back to us.

actually, we’ve resolved the issue now by applying some CSS.

but to explain in detail, I’ve attached the screenshot.

for example, the input fields that are set up with the CSS float: left; in the layout to show them as columns the element that is placed below the input fields kind of overlapped the above fields bizarrely, as if those input fields render behind it.

as can be seen in the screenshot, the red fields kind of being overlapped by the blue container which is the wrapper for the state fields.

[ruenel]

Hello @sairafi,

It’s good to know that you have resolved the issue already. We really appreciate for sharing the information of you you were able to get things done.

Cheers!!!