Adjust Popup Form Size - by sukhy2001 - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 9 years, 1 months ago ago by Eva Kemp

  • Avatar: sukhy2001
    sukhy2001
    Participant
    November 6, 2015 at 03:29

    Hi

    How do I make the Form smaller in promo popup and bring the button closer to the form.

    Thanks
    Suk

    7 Answers
    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 6, 2015 at 09:14

    Hello,

    Please add this code in Global Custom CSS.

    .mc4wp-form input[type="email"] {
        width: 38%;
        float: left;
        margin-left: 32px;
    }
    .mc4wp-form input[type="submit"]{
        left: -377px;
        position: relative;
    }

    Regards,
    Robert Hall.

    Avatar: sukhy2001
    sukhy2001
    Participant
    November 10, 2015 at 21:49

    Nothing happened

    Suk

    Avatar: Eva
    Eva Kemp
    Support staff
    November 10, 2015 at 22:00

    Hello,

    Please clear browser cache and cache folder in wp-content directory via FTP, after that check form.

    Regards,
    Eva Kemp.

    Avatar: sukhy2001
    sukhy2001
    Participant
    November 12, 2015 at 13:25

    Did all of the above and nothing

    Suk

    Avatar: Robert Hall
    Robert Hall
    Support staff
    November 12, 2015 at 13:38

    Hello,

    As I see it’s working fine. Please see screenshot: http://prntscr.com/91wmms

    Regards,
    Robert Hall.

    Avatar: sukhy2001
    sukhy2001
    Participant
    November 14, 2015 at 15:45

    HI

    Thanks for that, but I have another problem now. I have two Email forms which is the same, the other one is at the footer of the page and that was fine at the length it was at, now its to small. I just want to change one of the forms, which is on the promo pop up.

    Thanks

    Avatar: Eva
    Eva Kemp
    Support staff
    November 14, 2015 at 16:14

    Hello,

    Please edit the code in your custom.css file:

    .mc4wp-form input[type="email"] {
        width: 38%;
        float: left;
        margin-left: 32px;
    }

    to this one:

    .white-popup-block .mc4wp-form input[type="email"] {
        width: 38%;
        float: left;
        margin-left: 32px;
    }

    And check forms after that.

    Regards,
    Eva Kemp.

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

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

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