SOLVED

Re: Issue with field spacing on form

Go to solution
jrapp
Level 2

Issue with field spacing on form

Hello,

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

jrapp_0-1679940813927.png

Any recommendations?  Thanks!

1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Issue with field spacing on form

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;
}

 

 

View solution in original post

3 REPLIES 3
Darshil_Shah1
Level 10 - Community Advisor + Adobe Champion

Re: Issue with field spacing on form

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.

jrapp
Level 2

Re: Issue with field spacing on form

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!

 

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

SanfordWhiteman
Level 10 - Community Moderator

Re: Issue with field spacing on form

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;
}