Skip to main content
Anonymous
Oct 1, 2015 5:06 PM UTC
Solved

Asterisk Placement

Hi,


I'm trying to move the placement of an Asterisk to be after a field instead of before it. Does anyone have any css code for this?

I tried using the below code which I found in this thread:

Change the placement of the required field asterisk?

.mktoRequiredField .mktoAsterix:after {

  content:" *";

}

Unfortunately all it did is add a second asterisk directly next to the one's already there to the left of the field

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Accepted solution
Oct 2, 2015 7:09 PM UTC

This worked for me:

.mktoForm .mktoAsterix {position: absolute; right: -11px;}

View in thread

8 replies

Grégoire_Miche2
Grégoire_Miche2
Level 10
Oct 1, 2015 6:10 PM UTC

Try something such as :

.mktoRequiredField .mktoAsterix {

  float:right;

   text-align : left;

}

Translate
    Anonymous
    Oct 1, 2015 6:16 PM UTC

    Tried it, but it didn't work.....

    Translate
    SanfordWhiteman
    User Group Leader
    SanfordWhitemanUser Group Leader
    User Group Leader
    Oct 2, 2015 12:24 AM UTC

    Unless you are using a destyled form, I would leave the existing asterisk in place because it affects layout in subtle ways.  Instead, just hide it and make a copy on the other side: MktoForms2 :: Asterisk on Right​.

    Translate
    Anonymous
    Accepted solution
    Oct 2, 2015 7:09 PM UTC

    This worked for me:

    .mktoForm .mktoAsterix {position: absolute; right: -11px;}

    Translate
    Justin_Cooperm2
    Justin_Cooperm2
    Level 10
    Oct 2, 2015 9:43 PM UTC

    That probably won't look good on different devices. Absolute positioning is not generally the best way to implement things.

    Translate
    Terms & ConditionsAccessibility statement

    Loading footer...