[Resolved] css issue with .clear selector

[SEL4US]

The following CSS code from our GeneratePress theme is causing the credit card field in one of our embedded forms (from Action Network) to be hidden. What is the code intended for and how can we change / overwrite it?

.clear {
display: block;
overflow: hidden;
visibility: hidden;
width: 0px;
height: 0px;
}

You can see example of our broken form here:
https://sel4ma.org/get-involved/donate-test/

Thanks!
Nova

[Tom]

Hi there,

Yes, that class is intended to be an invisible clearing element for floated objects.

You can overwrite it with this CSS:

.clear {
    display: block;
    overflow: hidden;
    visibility: visible;
    width: auto;
    height: auto;
}

[SEL4US]

Thanks. That did the trick!

-Nova

[Tom]

Glad I could help 🙂

[Author]

Posts