Support » Plugin: Easy Forms for Mailchimp » Move field in the center of the page

  • Resolved giannic

    (@giannic)


    Hi,

    I’ve a issue with the plugin field because I’m not able to move the fields in the center of the page.
    I set the inline form and
    on the first line i have name and email fields (are on the same line)
    on second line I have the eu compliance field
    and in the third line I’ve the submit button
    the issue is tha this line have a left allign and I’m not able to move
    Can you help me?
    Regards

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Hello @giannic,

    Can you please send us a link to your form so we can take a look?

    Thank you,
    -Tracy

    Thread Starter giannic

    (@giannic)

    Hi

    this is the link form the site is under costruction

    • This reply was modified 4 years, 8 months ago by giannic.
    • This reply was modified 4 years, 8 months ago by giannic.
    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    Thank you for that.

    Do you want the red button to be centered beneath the fields?

    Thank you,
    -Tracy

    Thread Starter giannic

    (@giannic)

    Yes I want that the red button and the eu compliance to be centered beneath the fields but also the fields in the first line (name and email) to be in the center of page

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Hi @giannic,

    Try these styles:

    .FNAME-label {
        margin-left: 10%;
    }
    
    @media ( max-width: 948px ) {
        .yikes-mailchimp-eu-compliance-label {
            margin-left: 10% !important;
        }    
    }
    
    .yikes-mailchimp-eu-compliance-label {
        margin-left: 30%;
    }
    
    .yikes-easy-mc-submit-button {
        margin-left: 175%;
        margin-right: auto;
    }

    They’re all percentages so feel free to adjust them as you see fit.

    Are you familiar with adding custom CSS to your website?

    Let us know.

    Cheers,
    Kevin.

    Thread Starter giannic

    (@giannic)

    It works!!

    Thank you so much!!

    there is a one small issue the label “name” isn’t align

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    Sounds good! To fix the issue with the Name label change the selector .FNAME-label to label.FNAME-label.

    Thread Starter giannic

    (@giannic)

    ok perfect it works

    Thank you!!

    • This reply was modified 4 years, 8 months ago by giannic.
Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Move field in the center of the page’ is closed to new replies.