Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Contact form not showing up in Wordpress Page

Posted on 2013-12-29
5
Medium Priority
?
378 Views
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?
0
Comment
Question by:Eaddy Barnes
[X]
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
  • 3
  • 2
5 Comments
 
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;
}
0
 
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
}
0
 
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.

http://logoshealthcare.com/contact-us
0
 
LVL 38

Accepted Solution

by:
Tom Beck earned 2000 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;
}
0
 
LVL 11

Author Comment

by:Eaddy Barnes
ID: 39747287
Thanks King
0

Featured Post

On Demand Webinar: Networking for the Cloud Era

Did you know SD-WANs can improve network connectivity? Check out this webinar to learn how an SD-WAN simplified, one-click tool can help you migrate and manage data in the cloud.

Question has a verified solution.

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

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Find out what you should include to make the best professional email signature for your organization.
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

722 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