Genesis eNews Extended
How to get email field on the right? (6 posts)

  1. Deon B
    Posted 3 years ago #

    Hi Brandon!
    Thanks a lot for this a w e s o m e plugin!

    I installed it on the header of my blog:


    But I dont like that the email field is sooo long and centered. I'd like it to look like this one:


    With "email field" and "sign up" button one on top of the other and in the right corner :)

    How do I get that?
    Thanks so much!

    Love your plugin!


  2. Brandon Kraft
    Happiness Engineer
    Plugin Author

    Posted 3 years ago #

    Hey Deon,

    I'm swamped at the moment and can't really take the time for this customization.

    Carrie's site is running on a modified version of Modern Portfolio: http://demo.studiopress.com/modern-portfolio/ . I don't know if she's made any changes to it that would impact the enews form.

    You'll want to check out your style.css for a width value the #subbox field, or possibly input[text] or something like that. Then, I think the theme is using text-align: center; to keep the form from heading right.

    Hope all is well.

  3. Deon B
    Posted 3 years ago #

    Hi Brandon,

    I've tried to change the width in the #subbox field and it does work, but the problem is still how to put the email field and the submit button one on top of the other like in Carrie's site.

    I understand if you can't help at this time, I'm just replying in case someone else have any idea how to do it.


  4. Carrie Dils
    Posted 3 years ago #

    Hi Deon,
    I'm actually using Gravity Forms, not the E-News plugin in the example you mention. It's a lot of CSS customization to get it "just so". Do you use Firebug or Chrome Developer Tools? If not, you'll be glad you did. :)

    On my site, I've got two widgets in that space (text widget on the left and form signup on the right). The container divs for both widget areas have a fixed percentage width and are floated left and right, respectively. The form elements (text inputs and submit) are set to 100% to fill out the space set by the parent container.

    Hope that gets you going in the right direction. Feel free to inspect my CSS and take what you like!


  5. Deon B
    Posted 3 years ago #

    Hi Carrie,
    I kind of understand your suggestion but to be honest I have no idea where to start :)

    The only things I can do with code are changing font color and font size :) anything else is a mystery for me.

    A while ago, before opening this thread, I tried and used firebug and the web developer function in firefox (never tried chrome developer but I will) and tried to copy and paste some stuff I thought were relevant to the sign up form from your site to mine, but nothing changed or I pasted them in the wrong place.

    It would be nice to be told exactly what to paste and where :) but I understand if it's too annoying and time wasting for you or Brandon.

    I still hope someone will write it here one day :)


  6. Deon B
    Posted 3 years ago #

    Hey Brandon,
    got a bit more time for this or it's still too much to ask :)?


Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Genesis eNews Extended
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic