Inline form not aligned?

  • Resolved EmilianoD85

    (@emildebski)


    8 years, 9 months ago

    I have followed your guide in order to have a signup form with all fields on on line beside each other, and it worked, apart from the “EMAIL” field, which places itself 5 pixels below the line of all other fields, which looks very silly. All other types of fields are ok, but the “EMAIL” one seems to not wanna align, no matter if i put it first, last or in the middle of the code.

    How do i solve this problem?

    https://www.ads-software.com/plugins/mailchimp-for-wp/

Viewing 9 replies - 1 through 9 (of 9 total)
  • Thread Starter EmilianoD85

    (@emildebski)

    Here you see it:

    View post on imgur.com

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Emil,

    The issue seems to be due to CSS conflict with your theme. In order for us to look at it and find the cause, you need to share with us a link to the page where we can test this form.

    Thread Starter EmilianoD85

    (@emildebski)

    Please navigate to:

    https://www.bikinha.dk/preview and from there click on “VERIFIED BY VISA” icon in the footer (under the credit card icons). I have created this page for you just now, showing the problem.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Emil,

    I went to the link you provided and when I clicked on the “Verified by VIsa” icon, I was redirected to this page https://www.bikinha.dk/dummy which fails to open.

    Thread Starter EmilianoD85

    (@emildebski)

    Try again please. Is is there and active.

    Plugin Contributor Harish Chouhan

    (@hchouhan)

    Hello Emil,

    I was able to see the form now. The alignment issue is caused due to some code in the “style.css” file of your active theme. To fix it, please add below code at the end of the CSS file or I would recommend downloading some other plugins such as “Simple Custom CSS” to add custom CSS. This will ensure you will not lose any changes after theme upgrade.

    .mc4wp-form input[type="email"] {
    margin-top: 0 !important ;
}
    Thread Starter EmilianoD85

    (@emildebski)

    Hi Harish.

    Unfortunately it’s not the solution. I has tried pasting the code into the style.css file directly, tried the CSS plugin and even used the custom CSS option within my theme (all 3 seperately ofcourse) and it doesn’t solve the issue.

    Thread Starter EmilianoD85

    (@emildebski)

    Anyway i found the place within the CSS, where it has been styled, and changed that to fit now. Thanks for inspiring me ??

    Plugin Contributor Lap

    (@lapzor)

    Hi, is the problem solved already?:

    This is what i see: https://i.imgur.com/qOcPcr2.png
    Not 100% sure if I’m looking at the correct form.
    The code my colleague shared should definitely work. Dont forget to empty cache after changing CSS code to make sure you see the latest version of your website.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Inline form not aligned?’ is closed to new replies.