Support » Fixing WordPress » [CF7] two forms with same styling do not apply

  • Resolved arsenalemusica

    (@arsenalemusica)


    It is driving me nuts, I have 2 forms on 2 separate pages, they have the same code (but a different ID). I have one simple css, that applies on one and not applies fully on the other:

    .button-cf7 {display:inline-block; margin:0 10px 0 0; padding:0 10px 10px;}
    @media screen and (max-width:400px) { .button-cf7 {display:block; margin:10px 10px 0 0;} }

    It’s about having “clear” and “submit” buttons on the same line, and one below the other when responsive. When responsive they are one below the other but in normal screen one form doesn’t.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Kindly check the css via console, it might happen there is some other css overwriting your css on your not working page.

    strangely enough, there isn’t. But I have resolved by deciding not to have a “clear” button 🙂 sorry for having opened a thread

    I have to resurrect this topic because I noticed something I didn’t have before using that “clear” button feature, when I just had the “submit” button:
    iIf I click on send when the form is not ready, then I cannot input anything in the Quiz field anymore. I must reload the page to be able to do that again. Any idea?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[CF7] two forms with same styling do not apply’ is closed to new replies.