• Resolved ohsnapjulie

    (@ohsnapjulie)


    Hello,

    I am trying to customize the drop-down menu in my contact form 7 forms and cannot figure out how to do so. I have successfully styled the textarea’s but not the drop-down menu. What do I need to add to the style.css file and to my contact form 7 in wordpress?

    https://www.partyondesigns.com/?page_id=16

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Add this to your theme’s style.css.

    .wpcf7 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;
    }
    Thread Starter ohsnapjulie

    (@ohsnapjulie)

    Thank you, that worked! One small problem still is that the green border is not appearing even though it is in the style sheet. Instead I see a small blue border. Any thoughts on why this is happening?

    Thanks again!

    Thread Starter ohsnapjulie

    (@ohsnapjulie)

    NVM, I got it to work. Turned out I just needed to update contact form 7 to fix the latest issue. Thanks again for all your help!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Contact Form 7] – Drop Down Menu – Customize’ is closed to new replies.