Home › Forums › WoodMart support forum › Mailchimp form not lining up

Mailchimp form not lining up

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 19, 2018 at 7:44 am #46958

    wab11287
    Participant

    I am trying to add a email signup at the footer area of my website. In the mailchimp form area it shows the preview of it being how I want it. Once I add the form to the footer area the submit button shifts down.

    I have added images of both the form settings and footer preview.

    Attachments:
    You must be logged in to view attached files.
    March 19, 2018 at 7:47 am #46961

    wab11287
    Participant

    I have searched more and found the fix from others. I apologize about re-posting this issue.

    One other thing I am trying to figure out is now to offset the form to the left instead of being centered. Is there an area to do this?

    March 19, 2018 at 11:07 am #47031

    Artem Temos
    Keymaster

    Hi,

    Could you please specify where exactly on your website do you want to change this form’s position?

    Regards

    March 19, 2018 at 10:39 pm #47300

    wab11287
    Participant

    It is in the footer. I have done a single column in the footer settings and built the sections with the HTML block widget.

    I also am trying to see if I can do different spacing with the columns. I have 4 columns total but 3 are just rows of links and 1 is the news letter signup. I wanted to do 1/5, 1/5, 1/5, 2/5 but it wont allow that combination.

    Is there a work around for this?

    I added the link to the website I am working on.

    March 19, 2018 at 11:02 pm #47302

    wab11287
    Participant

    For the signup and social media I want to have it align to the left of the column but also the spacing from the title and the sign up/media buttons is too much spaced out. I want it to have the same spacing as the links.

    March 20, 2018 at 7:29 am #47320

    Artem Temos
    Keymaster

    Sorry, but it is not quite clear for us. Are you able to prepare some “sketch” of what do you want to achieve?

    March 20, 2018 at 11:17 pm #47651

    wab11287
    Participant

    I have attached a current and what I am looking to do image.

    Attachments:
    You must be logged in to view attached files.
    March 21, 2018 at 7:52 am #47710

    Artem Temos
    Keymaster

    Hi,

    To do this you need to perform the following steps:

    1. Remove your custom styles
    https://prnt.sc/iu5on5
    https://prnt.sc/iu5ox4

    2. Add to the custom CSS area

    .mc4wp-form>div>p {
   margin-left: 2px!important;
   margin-right: 2px!important;
}

.mc4wp-form>div {
   margin-left: -2px!important;
   margin-right: -2px!important;
}

    3. Set text align left for the column with mail chimp

    http://prntscr.com/iu5q3y

    4. Set left align for the social buttons element

    http://prntscr.com/iu5qkt

    5. Reduce margins for text blocks

    http://prntscr.com/iu5rpr

    Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)