Solved

Problem again with Contact Form in Wordpress

Posted on 2014-01-02
4
299 Views
Last Modified: 2014-01-21
Ok i used the "contact form 7" the first time to make a form for wordpress and with the help of an expert here I got it to work.  Now the individual that im building this site for has some more requirements for the form..

Now to attempt this feat i installed "Fast Secure Contact Form" and configured it.

Now after configuration and adding the short code to the contact us page im getting the exact same issue as before where the input fields are now showing up.

heres the link to the issue: http://logoshealthcare.com/contact-us
0
Comment
Question by:greeneel
  • 2
  • 2
4 Comments
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 500 total points
ID: 39752841
The problem is not with the plugin, it's with your CSS file for the theme.  You have the following entry in style.css

* {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}

Open in new window


That style unsets borders, outlines, and underlines for every element on the page.  So the fields are there (just click on the area to get the cursor to focus in), you just don't have any visual cue and you need to either remove that entry (not advised) or add entries that turn borders back on for form elements.
0
 
LVL 11

Author Comment

by:greeneel
ID: 39752880
well I already have:

input.wpcf7-form-control { border: 1px solid #c4c4c4 }

and

.wpcf7-form-control { border: 1px solid #c4c4c4; }

in my .css file and nothing.

any other suggestions on what i can use to force the fields to show?
0
 
LVL 11

Author Comment

by:greeneel
ID: 39752911
ok i just removed the * from
* {
    border: medium none;
    outline: medium none;
    text-decoration: none;
}

and the fields popped up
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39752919
Right...because removing the * disables the style rule.
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Author Note: Since this E-E article was originally written, years ago, formal testing has come into common use in the world of PHP.  PHPUnit (http://en.wikipedia.org/wiki/PHPUnit) and similar technologies have enjoyed wide adoption, making it possib…
Part of the Global Positioning System A geocode (https://developers.google.com/maps/documentation/geocoding/) is the major subset of a GPS coordinate (http://en.wikipedia.org/wiki/Global_Positioning_System), the other parts being the altitude and t…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The purpose of this video is to demonstrate how to add AdSense Ads to a WordPress Website, and how to set up WordPress to automatically place Ads in Sidebars. This will be demonstrated using a Windows 8 PC. Log into your AdSense account. : Cli…

708 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now