Archived topic

css issue with .clear selector

3 replies · Started by SEL4US on November 28, 2018

Viewing posts 1–4 of 4

November 28, 2018 at 8:57 am #742930

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

November 28, 2018 at 9:22 am #742960

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;
}

November 28, 2018 at 10:25 am #743012

Thanks. That did the trick!

-Nova

November 28, 2018 at 4:40 pm #743292

Glad I could help :)

This archived topic is closed to new replies.

Start building better websites today.