Re: Change the placement of the required field asterisk?

Anonymous
Not applicable

Change the placement of the required field asterisk?

What CSS can I add to move the asterisk for Required Fields (in a form) the right of the input box?
Tags (1)
3 REPLIES 3
Anonymous
Not applicable

Re: Change the placement of the required field asterisk?

you can try this 
<div class="required">
    <label>Name:</label>
    <input type="text">
</div>

<style>
    .required:after { content:" *"; }
</style>
Anonymous
Not applicable

Re: Change the placement of the required field asterisk?

But in a Marketo Form I don't have access to the HTML code, do I? So how can I set a class? I know how to add custom CSS, but don't know the form classes to call in my CSS.
Anonymous
Not applicable

Re: Change the placement of the required field asterisk?

In the custom CSS for the form (assuming you're using Forms 2.0), give this a try:

.mktoRequiredField .mktoAsterix:after {
  content:" *";
}