Solved

Contact form not showing up in Wordpress Page

Posted on 2013-12-29
5
363 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:greeneel
  • 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:greeneel
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 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;
}
0
 
LVL 11

Author Comment

by:greeneel
ID: 39747287
Thanks King
0

Featured Post

Simplifying Server Workload Migrations

This use case outlines the migration challenges that organizations face and how the Acronis AnyData Engine supports physical-to-physical (P2P), physical-to-virtual (P2V), virtual to physical (V2P), and cross-virtual (V2V) migration scenarios to address these challenges.

Question has a verified solution.

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

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

773 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