Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1347604
    DesignMunky
    Participant

    Hi guys,

    I’m trying to setup a mailchimp subscribe form on a landing page and can’t seem to get the form to:

    1 – align to centre on the screen.
    2 – go to max width of form (set at 600px) at different browser sizes.

    Here is the page so far:
    http://partylifemarketing.com/vip-registration

    Also, am I able to change the error messages? For incorrect email format, the error is just: We’re sorry! Something went wrong. We were unable to add you email…

    This error is not very helpful and I’d like to change it if I can…?

    Thanks,
    Darren.

    #1347605
    DesignMunky
    Participant
    This reply has been marked as private.
    #1347686
    Lely
    Moderator

    Hello Darren,

    For 1 and 2 -> Please select the ROW and then set Marginless Columns to OFF. See attached screenshot.

    Hope this helps.

    #1348256
    DesignMunky
    Participant

    Of course – sorry, I should’ve known that!

    How about the error messages? Can they be edited?

    Darren.

    #1348272
    DesignMunky
    Participant

    When I view the layout through the Extra Small layout setting (480px or smaller) in cornerstone, the screen looks
    fine – button is same width as email field, and email field showing all the placeholder text. (see attached).

    But when I view through my iphone 5C (a larger width of 640px) it looks bad – The button extends off the right of the screen and the placeholder text is cut off. (see attached).

    Regards,
    Darren.

    #1348274
    DesignMunky
    Participant

    Here’s the screenshots mentioned in the previous message.

    #1348686
    Christopher
    Moderator

    Hi there,

    Please add following code in Customize -> Custom -> Global CSS :

    input.wpcf7-form-control.wpcf7-submit {
        word-wrap: normal;
        white-space: normal;
    }

    To change errors text, please navigate to contact form/messages tab.

    Hope that helps.

  • <script> jQuery(function($){ $("#no-reply-1347604 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>