Contact Form 7 broken dropdown menu

Viewing 3 replies - 1 through 3 (of 3 total)
  • Neil Murray

    (@buzztone)

    10 years, 3 months ago

    The custom CSS you added is all being over-written by your Avada theme.
    ​
    ​Use Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.

    You will need to increase CSS Specificity to get your custom CSS applied.
    ​
    ​Try something like:
    ​`.wpcf7 .wpcf7-form select {
    background-color: #C6E9F2;
    border: 5px solid #CDE295;
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    padding: 15px 10px 25px;
    text-indent: 95px;
    width: 509px;
    z-index: 100;
    }​`

    ​You may need even more CSS Specificity to overcome all the large amounts of highly specific CF7 styling littered throughout Avada. Firebug well show you what you need to do.

    Thread Starter webmasterdimps

    (@webmasterdimps)

    10 years, 3 months ago

    Hi,

    It looks better now than before,
    But there is one thing missing, for the drop down menu, whenever I choose, it won’t show anything.

    Here’s my css code:

    .wpcf7 .wpcf7-form select {
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    padding: 15px 10px 25px;
    text-indent: 95px;
    width: 509px;
    z-index: 100;
    }

    Thanks

    Neil Murray

    (@buzztone)

    10 years, 3 months ago

    Use Firebug or Chrome Dev Tools to first understand and then change the CSS used for your CF7 form elements.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Contact Form 7 broken dropdown menu’ is closed to new replies.