Wierd looking contact form
-
Well, look at the picture I link to and you will understand.
Why does it look like this?
-
A screenshot is of no use. What might help is a link to a page demonstrating the problem and a reasonably detailed description of the issue.
I’m sorry, but my site is private at the moment and don’t want to let anyone in. But I know it should look like this (screen shot taken from a WP.com blog), but it doesn’t any more.
I’m sorry but it is impossible to troubleshoot anything from a screenshot.
Here you have the code:
<div id='contact-form-1075'> <form action='http://www.eriohm.se/kontakta/#contact-form-1075' method='post' class='contact-form commentsblock'> <div> <label for='1075-namn' class='grunion-field-label name'>Namn<span>(måste anges)</span></label> <input type='text' name='1075-namn' id='1075-namn' value='eriohm' class='name'/> </div> <div> <label for='1075-e-post' class='grunion-field-label email'>E-post<span>(måste anges)</span></label> <input type='email' name='1075-e-post' id='1075-e-post' value='' class='email' /> </div> <div> <label for='1075-hemsida' class='grunion-field-label url'>Hemsida</label> <input type='text' name='1075-hemsida' id='1075-hemsida' value='' class='url'/> </div> <div> <label for='contact-form-comment-1075-meddelande' class='grunion-field-label textarea'>Meddelande<span>(måste anges)</span></label> <textarea name='1075-meddelande' id='contact-form-comment-1075-meddelande' rows='20'></textarea> </div> <p class='contact-submit'> <input type='submit' value='Skicka »' class='pushbutton-wide'/> <input type="hidden" id="_wpnonce" name="_wpnonce" value="29a587fda0" /><input type="hidden" name="_wp_http_referer" value="/kontakta/" /> <input type='hidden' name='contact-form-id' value='1075' /> <input type='hidden' name='action' value='grunion-contact-form' /> </p> </form> </div>That’s of no use at all. This is a CSS issue. Either you let us see the page on the site or you will need to troubleshoot it yourself. If so, try using Firefox with the Firebug add-on for this kind of work.
http://getfirebug.com/We cannot see the site. It’s behind a login.
You could post us a link to PasteBin pages, that contain the HTML and CSS of the problematic webpage.
Try the link again.
In the Custom CSS section of the dashboard, enter this;
.grunion-field-label { width: 200px; display: block; float: left; }Done, but that did not made it.
Did you see any change? If not, clear your browser cache.
I did see a change, but it still don’t look like it used to or how it looks on WP.com.
Can you provide a link to your expectations?
It should look like this: http://negohm.wordpress.com/kontakta/
The topic ‘Wierd looking contact form’ is closed to new replies.
