Viewing 15 replies - 1 through 15 (of 22 total)
  • 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.

    Thread Starter eriohm

    (@eriohm)

    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.

    Thread Starter eriohm

    (@eriohm)

    Here you have the code:

    <div id='contact-form-1075'>
    <form action='https://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.
    https://getfirebug.com/

    Thread Starter eriohm

    (@eriohm)

    We cannot see the site. It’s behind a login.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You could post us a link to PasteBin pages, that contain the HTML and CSS of the problematic webpage.

    Thread Starter eriohm

    (@eriohm)

    Try the link again.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In the Custom CSS section of the dashboard, enter this;

    .grunion-field-label {
     width: 200px;
     display: block;
     float: left;
    }

    Thread Starter eriohm

    (@eriohm)

    Done, but that did not made it.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Did you see any change? If not, clear your browser cache.

    Thread Starter eriohm

    (@eriohm)

    I did see a change, but it still don’t look like it used to or how it looks on WP.com.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Can you provide a link to your expectations?

    Thread Starter eriohm

    (@eriohm)

    It should look like this: https://negohm.wordpress.com/kontakta/

Viewing 15 replies - 1 through 15 (of 22 total)
  • The topic ‘Wierd looking contact form’ is closed to new replies.