Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people, just like you, are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Contact form not showing up in Wordpress Page

Posted on 2013-12-29
Last Modified: 2013-12-30
Hey guys,

I just installed the plugin Contact Form 7 to my WordPress installation.

Now when i add the short code to the page i cannot see the contact form fully. It shows the field headings but the actual fields cant be see but can be typed in..

see link here for example: http://logoshealthcare.com/contact-us

Any idea what could be the problem?
Question by:Eaddy Barnes
  • 3
  • 2
LVL 38

Expert Comment

by:Tom Beck
ID: 39745374
You have removed all the borders from everything on line 62 of healthcare/styles.css

* {
    border: medium none;
    outline: medium none;
    text-decoration: none;
LVL 38

Expert Comment

by:Tom Beck
ID: 39745381
You could add something like this to get borders just on the inputs:

input.wpcf7-form-control {
    border: 1px solid #999
LVL 11

Author Comment

by:Eaddy Barnes
ID: 39745831
Hi tommyboy, i tried that and still no show on the textarea for the form..

have a look see.

LVL 38

Accepted Solution

Tom Beck earned 500 total points
ID: 39745973
Change to this:

input.wpcf7-form-control, textarea.wpcf7-form-control {
    border: 1px solid #999999;

Or more simply, this:

.wpcf7-form-control {
    border: 1px solid #999999;
LVL 11

Author Comment

by:Eaddy Barnes
ID: 39747287
Thanks King

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

828 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