WordPress.org

Forums

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

  1. The General@LTPIRGL
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 11 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • WP Email Capture
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.