Change the placement of the required field asterisk?

Anonymous
Not applicable
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
In the custom CSS for the form (assuming you're using Forms 2.0), give this a try:

.mktoRequiredField .mktoAsterix:after {
  content:" *";
}
     
Anonymous
Not applicable
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
you can try this 
<div class="required">
    <label>Name:</label>
    <input type="text">
</div>

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