WordPress.org

Ready to get started?Download WordPress

Forums

WP Email Capture
[resolved] Aligns Left in Safari Browser (6 posts)

  1. The General@LTPIRGL
    Member
    Posted 10 months ago #

    Hello,
    Thank you for the great plug in. If you open the link below with the Safari browser you will see the Submit button and the Name and Email field boxes aligned to the left. This is only the case with the Safari browser. It looks as it should in Chrome, IE and Firefox. Could you please advise me on how to fix this? Thank you for your time in advance.
    Regards,
    B
    http://www.learntoplayitright.com

    https://wordpress.org/plugins/wp-email-capture/

  2. Rhys Wynne
    Member
    Plugin Author

    Posted 10 months ago #

    Hi,

    Due to the nature of CSS issues I cannot fix them. However, you need to add something like:-

    .wp-email-capture-submit
    {
    margin: 0 auto;
    }

    to your CSS file to align it centrally.

    Cannot help more than that sorry.

    Rhys

  3. The General@LTPIRGL
    Member
    Posted 10 months ago #

    Hello Rhys,
    Thank you for your quick response.
    I tried placing this in a few spots in my CSS file, but had no luck resolving this. Is there a specific place (line) it needs to be added in the file?
    Thanks again for your time,
    Regards,
    B

  4. The General@LTPIRGL
    Member
    Posted 10 months ago #

    I did manage to center the Submit button using this
    .wp-email-capture-submit
    {
    margin-left:auto;
    margin-right:auto;
    width:100px;
    height:30px;
    }
    but I can’t seem to get the Name and Email Fields to center – Any new ideas with this new info?
    Thanks again for your time,
    B

  5. The General@LTPIRGL
    Member
    Posted 10 months ago #

    I solved this issue by adding this to the bottom of my css file
    .wp-email-capture-submit
    {
    margin-left:auto;
    margin-right:auto;
    width:100px;
    height:30px;
    }
    #wp_email_capture input.wp-email-capture-name
    {
    margin-left:auto;
    margin-right:auto;
    width:160px;
    height:16px;
    }
    #wp_email_capture input.wp-email-capture-email
    {
    margin-left:auto;
    margin-right:auto;
    width:160px;
    height:16px;
    }

    Thanks you Rhys for your plug in and your time.
    Regards,
    B

  6. leanstartupperu
    Member
    Posted 9 months ago #

    Alignment issue, you can arrange like this using the script above,

    .wp-email-capture-submit
    {
    margin-left:auto;
    margin-right:auto;
    width:160px;
    height:35px;
    }
    #wp_email_capture input.wp-email-capture-name
    {
    margin-left:auto;
    margin-right:50px;
    width:160px;
    height:22px;
    }
    #wp_email_capture input.wp-email-capture-email
    {
    margin-left:auto;
    margin-right:50px;
    width:160px;
    height:22px;
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.