Move field in the center of the page

  • Resolved giannic

    (@giannic)


    6 years, 10 months ago

    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

    6 years, 10 months ago

    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)

    6 years, 10 months ago

    Hi

    this is the link form the site is under costruction

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

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    6 years, 10 months ago

    Thank you for that.

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

    Thank you,
    -Tracy

    Thread Starter giannic

    (@giannic)

    6 years, 10 months ago

    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)

    6 years, 10 months ago

    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)

    6 years, 10 months ago

    It works!!

    Thank you so much!!

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

    Plugin Contributor yikesitskevin

    (@yikesitskevin)

    6 years, 10 months ago

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

    Thread Starter giannic

    (@giannic)

    6 years, 10 months ago

    ok perfect it works

    Thank you!!

    • This reply was modified 6 years, 10 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.