WordPress.org

Ready to get started?Download WordPress

Forums

Newsletter Sign-Up
[resolved] Formatting (10 posts)

  1. lashbrooke
    Member
    Posted 1 year ago #

    Hi there,

    I am trying to format the sign up form in a side bar. I am using the WYSIWYG Widget. I have been able to format the title properly, however, I am unable to center the actual form without it dropping the field name and box to different lines and the subscribe button is also out of alignment. Can you suggest what I can do here as it currently isnt looking very good - http://www.bondibeachplaygroups.org.au.

    http://wordpress.org/extend/plugins/newsletter-sign-up/

  2. djek
    Member
    Posted 1 year ago #

    Hello,

    I have exactly the same question. How can we center the name & email fields in the WordPress sidebar?

    Thanks a lot!

  3. Danny van Kooten
    Member
    Plugin Author

    Posted 1 year ago #

    You can just do this with regular CSS. Add these lines to your theme's stylesheet.

    .nsu-form label{ text-align:center; }
    .nsu-form input{ margin-left:auto; margin-right:auto; }

    If you only want these styles to apply to your Newsletter Sign-Up form in your sidebar, use the ID selector.

    #nsu-form-1 label{ text-align:center; }
    #nsu-form-1 input{ margin-left:auto; margin-right:auto; }
  4. djek
    Member
    Posted 1 year ago #

    Cool! That worked. Thank you!

  5. lashbrooke
    Member
    Posted 1 year ago #

    Hello,

    I have tried as you said and am still not getting this to work, any suggestions?

    thanks
    sharon

  6. Danny van Kooten
    Member
    Plugin Author

    Posted 1 year ago #

    Hey Sharon,

    I see you've correctly added the CSS rules to your theme's stylesheet. However, I've made a tiny mistake as I didn't read your request properly.

    If you use the following CSS, things should work as you'd like. :)

    .nsu-form label{ text-align:center; display:inline-block; width: 50px; }
    .nsu-form input{ margin-left:auto; margin-right:auto; }

    `

  7. lashbrooke
    Member
    Posted 1 year ago #

    Hi Danny,

    Thank you so much for this, it has worked now. The only small remaining issue is that the subscribe button is still sitting to the left side and I would like this either right justified or centred.

    How can I do this?

    Many Thanks
    Sharon

  8. Danny van Kooten
    Member
    Plugin Author

    Posted 1 year ago #

    .nsu-form input.nsu-submit{ float:right; }

  9. lashbrooke
    Member
    Posted 1 year ago #

    Thank you so much - that worked!

  10. cosasia
    Member
    Posted 1 year ago #

    [ never mind - figured it out! ]

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic