WordPress.org

1. mj thiel
   Member
   Posted 5 months ago #

   Aloha everyone,

   Sorry for such a newbie question. I'm trying to place my custom button on the same line as the email field in my header. I've given quite a go editing the css but haven't managed to accomplish this seemingly simple task.

   Any help would be greatly appreciated.

   mj
   mjtdesign.us

   http://wordpress.org/extend/plugins/contact-form-7/

2. Takayuki Miyoshi
   Member
   Posted 5 months ago #

   You can simply place them on the same line like this:

   [email your-email] [submit]

3. mj thiel
   Member
   Posted 5 months ago #

   Hi Takayuki!
   Thanks for your quick response. For some reason the submit button is still beneath the email box.

   see site: http://mjtdesign.us/

   Thanks so much!

4. Takayuki Miyoshi
   Member
   Posted 5 months ago #

   Make the email field narrower.

5. mj thiel
   Member
   Posted 5 months ago #

   That worked! Simple fix.

   I've seen other email fields have text inside the box, is this a water mark feature?

   Thank you Taka!

6. Takayuki Miyoshi
   Member
   Posted 5 months ago #

   Yes, add watermark option to the tag.

   [email your-email watermark "your email here"]

7. mj thiel
   Member
   Posted 5 months ago #

   Perfect Taka! Easy. Thanks again!

   I've followed some tutorials on building your own submit button, but have this chronic gray half border and button doesn't function either..

   In your amazing contact form 7 wisdom, do you see anything I'm doing wrong with my css?

   mj

8. Takayuki Miyoshi
   Member
   Posted 5 months ago #

   You should open a new thread for a new question.

9. indrago
   Member
   Posted 3 months ago #

   Hey!

   I seem to be having the same problem, I am completely new to css and dont have a clue about what I am supposed to change where, but i did manage to make the width of the email field narrower but i am not being able to get the submit button on the same line.

   Please help.

Reply

You must log in to post.