Issue with field spacing on form | Community
Skip to main content
New Participant
March 27, 2023
Solved

Issue with field spacing on form

  • March 27, 2023
  • 1 reply
  • 1942 views

Hello,

I am having trouble with the spacing for a field on a form.  The issue doesn't show in draft mode.  

Any recommendations?  Thanks!

Best answer by SanfordWhiteman

It’s right here in your Custom CSS, you’ve unfloated the radio button list:

.mktoForm .mktoRadioList { float: none; }

For that particular field, the button is narrow enough that it fits on the line above (because the label itself is floated left).

 

You likely want to clear the label float as well:

.mktoForm .mktoRadioList { float: none; clear: both; }

 

 

1 reply

Darshil_Shah1
Community Manager
March 27, 2023

Maybe you have a custom CSS added in the draft version of the form to account for this spacing issue. The draft version will be pushed to the production when you approve the form and Marketo landing pages that have this form added via the form element. In almost all cases where you need help with the CSS, it’d be helpful if you’re able to link the page with the form on it.

jrappAuthor
New Participant
March 27, 2023

Thank you - I'm not very proficient in CSS so I doubt there is anything hiding in there but it is possible.

 

Here is the landing page with the form.  Thank you for your help!

 

b2b.dumpsters.com/250-store-giveaway.html

SanfordWhiteman
SanfordWhitemanAccepted solution
New Participant
March 27, 2023

It’s right here in your Custom CSS, you’ve unfloated the radio button list:

.mktoForm .mktoRadioList { float: none; }

For that particular field, the button is narrow enough that it fits on the line above (because the label itself is floated left).

 

You likely want to clear the label float as well:

.mktoForm .mktoRadioList { float: none; clear: both; }