Problem with Line Breaks

Instead of the line break option, you likely want to use CSS to change the appearance of your form. There isn’t a one size fits all for this problem as it is theme dependent. If you want to post your form URL here I’d be happy to look at it.

Hello Mike

Thanks for offering to have a look.

I identified some CSS that fixed font colour problems the sites theme caused (white text on white background) but I couldn’t identify the spacing code using developer tools in Chrome.

Ideally I want the title on one line, the input on the next and repeat that for each question.

Also Is it possible to centre the form?

The colour is fine as it is.

And can I remove the submit password warning?

As for where to input the custom css, is it best to have the css in the plugin settings or in the forms settings? I assume the plugin settings apply to any forms created and you only use the form CSS if you want to tweak only a particular form, is that right?

The form is here:

https://seahorseliveaboard.com/cendrawasih-bay-2016/

Here is the CSS I have used so far.

div.ss-q-title {
    display: inline-flex;
    font-weight: bold;
    color: white margin-top: 10px;
    color: white;
}

input {
    color: black;
}

div.ss-form-container div.required-message {
    display: none;
}

textarea.ss-q-short {
    width: 400px;
}

textarea.ss-q-long {
    width: 400px;
}

div.ss-q-title {
    margin-top: 20px;
}

Thanks.

Tom

The default Bootstrap CSS for the label element is causing the problem you’re having. Try adding this:

label.ss-q-item-label {
    display: inline;
}

That will drop your input boxes below the question. You’ll likely want to add some margin or padding for the Captcha. You could do something like this (50px is an exagerated size to make the point):

label.ss-q-help + #wpgform-captcha {
    margin: 50px;
}

Hope that helps, let me know if there is something else I can do. BTW – those trips to see the whale sharks look awesome!