• Resolved Michael

    (@michaelhpdx)


    Hello — I have version 0.82 installed, and the insertion of the google form works fine. However, for some reason there’s an extra html line break “
    ” after nearly every line.

    I’ve tried to disable line breaks in the Form configuration page (BR is set to OFF), but it makes no difference on or off.

    The result is the label and the oval selector being stacked on top of one another.

    You can see it here.

    Is there a master override for this?

    Thanks.
    Michael

    https://www.ads-software.com/plugins/wpgform/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    This is a fairly common CSS issue. Resolution is usually theme dependent but in most cases involved setting the CSS display property to none, inline, or inline-block for an element between the input and the label. I’ll take a look when I am in front of my computer.

    Mike, what is the solution for the problem?
    I got the same problem…

    Plugin Author Mike Walsh

    (@mpwalsh8)

    @michaelhpdx – I apologize for not answering your question 7 months ago. Yikes. Sometimes these just slip off my radar screen and I don’t go back through the forum and follow up.

    The OP’s problem, like most of these sort of problems, can be solved with Custom CSS. The theme is adding the extra line breaks so we need some custom CSS to suppress them and make the form look better.

    Make sure Custom CSS is enabled (Dashboard > Settings > Google Forms – Enable Custom CSS checkbox). Add the following CSS to the form definition:

    div.ss-q-title > br {
      display: none;
    }

    This CSS will suppress the br elements and the form will tighten up. You may need to add other CSS (padding or margin) to other elements to make the form look even better.

    I use Firebug to inspect the element I want to look differently and then play with the CSS rules under the Style tab to tweak the CSS until I am happy. I then copy the CSS from Firebug and paste it into my Custom CSS field. Chrome’s element inspector has similar functionality but I prefer Firebug.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    @audreytt – there isn’t a single solution for this issue, it is almost always theme dependent which means the solution is based on the theme’s CSS. If you want to post a link to your form I can look at it.

    Plugin Author Mike Walsh

    (@mpwalsh8)

    When I look at your form, I do not see the line breaks like I did on the other form in this thread. What is the formatting problem you would like to resolve?

    Oh, sorry, solved the problem already!
    Thank you anyway for your great plugin!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Line breaks after every text line in the form? Why?’ is closed to new replies.