8 {{ upvoteCount | shortNum }}
8 {{ upvoteCount | shortNum }}

Need help with Wordpress contact form

by barefootsusan
7 replies
  • WEB DESIGN
    • |
I am using Contact Form 7 and can't seem to get my form looking the way I want it to look.

interstatecashregister.com/contact-us

I want it to look like the one here:

Carolina ATM | Mobile ATM | Event ATM | Portable ATM | ATM Rentals

I've tried tinkering with the code for the form and it just isn't doing what I want it to do. I'd like the column on the right to be aligned almost exactly with the contact information directly above the form.

Anyone know what I am doing wrong and how to fix it? And forgive me if I ask for details. I'm not a coder, but can do enough in editing to mess things up.
#contact #contact_form_7 #form #wordpress
  • Profile picture of the author SmartWeb
    Originally Posted by barefootsusan View Post

    I am using Contact Form 7 and can't seem to get my form looking the way I want it to look.

    interstatecashregister.com/contact-us

    I want it to look like the one here:

    Carolina ATM | Mobile ATM | Event ATM | Portable ATM | ATM Rentals

    I've tried tinkering with the code for the form and it just isn't doing what I want it to do. I'd like the column on the right to be aligned almost exactly with the contact information directly above the form.

    Anyone know what I am doing wrong and how to fix it? And forgive me if I ask for details. I'm not a coder, but can do enough in editing to mess things up.
    It can be done, you need to modify the <td> and <input> style properties. i tried and was able to get what you were saying. see the attachment.
    Signature
    Smart Web Solutions
    {{ DiscussionBoard.errors[2711674].message }}
  • Profile picture of the author SmartWeb
    i modified only 1st line. but this way you can do all the remaining fields also.
    Signature
    Smart Web Solutions
    {{ DiscussionBoard.errors[2711680].message }}
  • Profile picture of the author NetMan
    Originally Posted by barefootsusan View Post

    I am using Contact Form 7 and can't seem to get my form looking the way I want it to look.

    interstatecashregister.com/contact-us

    I want it to look like the one here:

    Carolina ATM | Mobile ATM | Event ATM | Portable ATM | ATM Rentals

    I've tried tinkering with the code for the form and it just isn't doing what I want it to do. I'd like the column on the right to be aligned almost exactly with the contact information directly above the form.

    Anyone know what I am doing wrong and how to fix it? And forgive me if I ask for details. I'm not a coder, but can do enough in editing to mess things up.
    THen you should forget about this plugin and create your own contact form and paste the html code in your Contact page.

    Best regards

    Andre Foisy
    Signature

    <!---
    IGNORANCE is not an excuse anymore, all you need is Automate Kit!
    ---/>

    {{ DiscussionBoard.errors[2711801].message }}
  • Profile picture of the author ninal
    I'm not familiar with Contact Form 7, but you can modify the form by putting in a few lines of css in your stylesheet.

    Here's a sample you can try out, you can paste this directly to your stylesheet. (Just take it off it doesn't work too well for you):

    Code:
    /* Contact form 7 Custom Styles */

.wpcf7-form table{
  background:#161616 !important; /* make the whole table gray*/
  color:#FFF !important; /* make all the text white */
  font-size:14px;  /* use bigger font */
  padding:20px;}


.wpcf7-text {
  border:1px solid #282828;
  background:#282828;
  height:20px;
  padding:3px;
  color:#FFF;}
    I'm not sure what the current styling is as you have a couple of errors within the form. Did you put these styles?

    Code:
    style="width: 60 px;"
    It would be best to take these off as this is actually invalid code. And you are better off styling the form within the stylesheet.
    Signature
    Hello
    {{ DiscussionBoard.errors[2714842].message }}

Trending Topics