How to remove the vertical spacing between radio buttons?

I'm not seeing anything in the CSS causing this. How do I decrease the vertical spacing without adding a bunch of ID-specific custom CSS?

Also, I have not seen the live chat option for a week. Is that feature no longer offered?

You can use the below CSS, just insert it in your Custom CSS field:

.form-radio-item {

    margin-bottom: -5px!important;

}

That will make the fields look like this:

Chat option is available depending on how busy our Forum is, it is not available all the time.

Let us know how the above worked for you.

Thank you!

That worked great! What about the check boxes? Apparently those are styled to resemble radio buttons, and have the vertical spacing issue, as well.

I was able to find the check box variant. 

How do make the header image adjust to the width of the viewing screen? 

You can reduce the header size by clicking on it in the form builder and reducing the width/height directly there:

Let us know if that is what you had in mind.

Thank you!

I was thinking something responsive - if view is x-width, scale down header to fit?

I'm not sure on which device(s) you're viewing your form, but I tested on iPhone and it looked fine:

Anyhow, there is a CSS code you can use to adapt certain element(s) in your form when viewed on different devices.

For example:

@media only screen 

and (min-device-width : 375px) 

and (max-device-width : 667px) {

.form-all:before {

background-size: 50%;

}

That will adapt header to 50% of its size when vewed on iPhone 6,7,8.

That code should be inserted in Custom CSS of your form.

Let us know if that works for you.

Thank you!

Great, thank you! No more questions!