Asterisk Placement | Community
Skip to main content
A
Anonymous
October 1, 2015
Solved

Asterisk Placement

  • October 1, 2015
  • 2 replies
  • 5940 views

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.
Best answer by

This worked for me:

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

2 replies

A
Anonymous
Accepted solution
October 2, 2015

This worked for me:

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

Justin_Cooperm2
Justin_Cooperm2
New Participant
October 2, 2015

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

Grégoire_Miche2
Grégoire_Miche2
New Participant
October 1, 2015

Try something such as :

.mktoRequiredField .mktoAsterix {

  float:right;

   text-align : left;

}

    A
    Anonymous
    October 1, 2015

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

    SanfordWhiteman
    SanfordWhiteman
    New Participant
    October 2, 2015

    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​.

    Terms & ConditionsAccessibility statement

    Loading footer...