Contact Form 7 Width - by lizybloom - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

  • Avatar: lizybloom
    lizybloom
    Participant
    November 1, 2017 at 21:27

    The contact form is not at 100%. I can’t seem to figure out where the code is that is making it that way. Thanks

    6 Answers
    Avatar: laranz
    Laranz
    Participant
    November 2, 2017 at 04:32

    Hi,

    Can you show us a link to the contact page? If you don’t want to show the link in a public forum, you can paste the link in the “Private Content” so only the moderators can see.

    Let us know,

    Thanks,
    laranz.

    Avatar: lizybloom
    lizybloom
    Participant
    November 29, 2017 at 03:37

    I am sorry, I am just this reply. There are two forms that are acting strange. The links are:
    http://lizybloom.com/stylesbyjs.com/returns-refunds/
    http://lizybloom.com/stylesbyjs.com/contact/

    I’m not sure if maybe it is a visual composer issue because since the update visual composer has been acting strange. I can’t change the color of rows.

    Thanks,

    Lizy Bloom

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 29, 2017 at 10:21

    Hello,

    Hope you are having a nice day.
    Please try to add this code in Theme Options > Styling > Custom css:

    .wpcf7 input[type="text"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="search"], .wpcf7 input[type="password"], .wpcf7 input[type="tel"], .wpcf7 textarea, .wpcf7 label {
        width: 100%;
    }

    Also, you need to update all required plugins https://www.8theme.com/documentation/xstore/plugins/plugins-update/

    Regards

    Avatar: lizybloom
    lizybloom
    Participant
    December 5, 2017 at 04:20

    This didn’t work. All required plugins are updated. I tried with
    width: 100% !important; too

    Avatar: lizybloom
    lizybloom
    Participant
    December 5, 2017 at 04:27

    Ok, I got it. It’s this:

    input[type=”text”], input[type=”number”], input[type=”email”], input[type=”search”], input[type=”password”], input[type=”tel”], textarea {

    width: 100%;
    }

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    December 5, 2017 at 08:32

    Hello,

    I am glad that you sorted out. Feel free to ask if you need any other help.

    Regards

  • Viewing 7 results - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.