tweak css float... | Community
Skip to main content
Christine_LeBla
Christine_LeBla
Level 4
January 16, 2019
Question

tweak css float...

  • January 16, 2019
  • 1 reply
  • 2389 views

When I adjust this in dev tools, the form positioning is correctly rendered.

But how do I translate this to the Form Settings --> Edit Custom CSS within Marketo?

Cannot seem to get the fix to apply from within Marketo.

It's 2 radio buttons with labels stacked. They are center alignment, and I would like them left flush / left alignment. I need to apply that float.

Thank you.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Dave_Roberts
Dave_Roberts
Level 10
January 18, 2019

You might just need to add an !important flag to the end of your CSS:

.mktoForm.mktoLayoutAbove .mktoRadioList,

.mktoForm.mktoLayoutAbove .mktoCheckboxList {

float: left !important;

clear: left !important;

}

Christine_LeBla
Christine_LeBlaAuthor
Level 4
January 24, 2019

Hmm, that was not it as I do have !important on every customized rule; but I did manage figure it out by tweaking some other code.

How about the distance between tick box and label?

It is strange that I have this class successfully working on some forms, but others not:

.mktoForm .mktoCheckboxList label { /*controls distance between tick box & accompanying label*/

padding-left: 25px !important;

line-height: 1.75em !important;

}

Any other ideas how to target on forms where this is not applying?

Dave_Roberts
Dave_Roberts
Level 10
January 24, 2019

Hey Christine, could you add a link to a page with one of the forms where this issue is happening?

I can dig into the CSS a little and see if I can surface something for you. Sounds like it's some kind of conflict with other styles if it works on some forms but not others -- maybe a float or another rule that re-adjusts the spacing somewhere in the stylesheet.

Terms & ConditionsAccessibility statement

Loading footer...