WordPress.org

Forums

Contact Form 7
Need to edit height of Drop-down Menu (6 posts)

  1. Jason McArtor
    Member
    Posted 2 years ago #

    I've been able to style everything in my form with CSS except for the Drop-down Menu at the bottom of the form. I'd like the Menu to be 30px tall, to match the input fields. I have been able to adjust the width, but the height is not cooperating. Any ideas?

    You can see the form on the right sidebar at the link below.
    http://expungementrights.com/

    Thanks.
    Jason

    http://wordpress.org/extend/plugins/contact-form-7/

  2. fcvolunteer
    Member
    Posted 2 years ago #

    Hi Jason,

    I would suggest you add a special class to the dropdown menu (see the example below)

    [select record-menu class:replaceme]

    and then you would add the following to your css

    select.replaceme {
        min-height: 36px !important;
        width: 92% !important;
    }
  3. Jason McArtor
    Member
    Posted 2 years ago #

    fcvolunteer,
    That works to set the width, and I was able to target other selectors to set the width, but the menu height must not be editable, due to Webkit defaults, without using some JS. If you have other thoughts, let me know. I do appreciate your feedback.
    Thanks.
    Jason

  4. fcvolunteer
    Member
    Posted 2 years ago #

    @Jason What browser are you using because when I look at your page both in firefox and chrome it seems fine. (firefox is having an issue with centering the text vertically but that can be fixed once you're ready)

  5. Jason McArtor
    Member
    Posted 2 years ago #

    I'm using Chrome and Safari on Mac. I did look at it in Firefox, as well, where the height of the menu bar was being increased.

  6. fcvolunteer
    Member
    Posted 2 years ago #

    I don't have a mac or access to one so I can't really help you there, sorry.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Contact Form 7
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic