Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 30, 2014 at 9:37 pm #311390
    jeffkaiser

    Hello!

    I’m using Contact 7 on an Enfold page and can’t seem to adjust the table width. Can you help me? Thanks!

    August 30, 2014 at 9:39 pm #311392
    jeffkaiser

    A Quick CSS modification would be best for me. thanks.

    September 1, 2014 at 8:03 am #311681
    Ismael

    Hi!

    Thank you for using Enfold.

    Try to change the width of the input fields using this:

    form.wpcf7-form input {
width: 100px !important;
}

    Regards,
    Ismael

    September 1, 2014 at 8:52 am #311694
    jeffkaiser

    Hi Ismael,
    Thanks so much for getting back to me.
    That works fine for my monitor, however it does not scale well to mobile.
    I’ve tried using percentages, it works as well, but it’s not great. Any further suggestions?

    Maybe I should use something other than Contact 7?

    thanks again for your time.

    Jeff

    September 1, 2014 at 1:17 pm #311789
    Yigit

    Hey Jeff

    Please add media queries to the code Ismael posted, as following 

    @media only screen and (max-width: 768px) {
form.wpcf7-form input { width: 100px!important; }}

    Regards,
    Yigit

    September 3, 2014 at 1:13 am #312571
    jeffkaiser

    Thanks so much, gentlemen, that worked.

    Best,
    Jeff

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Contact 7 Table Width’ is closed to new replies.