WordPress.org

Support

Support » Plugins and Hacks » How to get email field on the right?

How to get email field on the right?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Brandon Kraft

    @kraftbj

    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.

    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.

    Thanks

    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!

    Carrie

    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 🙂

    Thanks

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

    🙂
    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to get email field on the right?’ is closed to new replies.