Support » Plugins » [Plugin: Contact Form 7] Dropdown Menu Styling

  • Greetings,

    I’m trying style and edit a contact form 7 web-form, however I’m not sure where to go to style certain parts of it.

    This is the piece of code I’m wanting to style:
    <div class=”optin-contact-form”>
    <div>[select* your-entity “Individual” “Business”]</div>

    So I created a class for the form, and have the options in their own <div> so they align on top of each other. Now, I can edit a input[type=”text”] so that it styles the way I want. But for some reason, it’s not reading the CSS I use to edit a ‘dropdown’ or ‘multiple selection’.

    This is what my CSS looks like for the above <div>:
    .optin-contact-form input[type=”select”] {
    background: #fff;
    color: #666;
    border: 1px solid #c8c8c8;
    width: 250px;
    margin-top: 25px;
    padding: 10px;
    margin-left: 30px;

    Any ideas?


  • The topic ‘[Plugin: Contact Form 7] Dropdown Menu Styling’ is closed to new replies.