SOLVED

Line break after asterisk in required field form label

Go to solution
Anonymous
Not applicable

Line break after asterisk in required field form label

This seems like it's a well-known issue, and I've found a couple of past discussions, but nothing seems to fix it...

A simple form, with 5 fields, each of which is required - email, name, etc.

In the form preview, the labels display as expected:

* First Name:
[field entry]

But when the form is embedded on a page, it displays with a line break after the asterisk:

*
First Name:
[field entry]


I've set the label width to 250 - should be plenty long enough - but it insists on the line break after the asterisk.

I tried adding some Custom CSS code to adjust the placement of the asterisk, but it actually added a second asterisk.

What am I missing?
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
SanfordWhiteman
Level 10 - Community Moderator

Re: Line break after asterisk in required field form label

.mktoForm DIV.mktoAsterix {
  width: auto !important;
}

View solution in original post

4 REPLIES 4
SanfordWhiteman
Level 10 - Community Moderator

Re: Line break after asterisk in required field form label

Please post a URL to a page with this embedded form. I'm sure it's fixable.
Anonymous
Not applicable

Re: Line break after asterisk in required field form label

http://mrktg.beyondcore.com/gartner-summit-2015-landing-page.html
SanfordWhiteman
Level 10 - Community Moderator

Re: Line break after asterisk in required field form label

.mktoForm DIV.mktoAsterix {
  width: auto !important;
}
Anonymous
Not applicable

Re: Line break after asterisk in required field form label

That did it - thank you.