How to position asterisks after input fields

[OlgaK]

Hello,

I tried searching for an answer in this forum but couldn't find a solution that would work for me.

I need to move the asterisks on the required fields to the right of the input fields like shown below. Please note that I am using embedded forms and can apply a custom CSS on the page.

Thanks,

[dennisedson]

@OlgaK, do you a preview link?

[OlgaK]

https://ca.syspro.com/company/contact/

[dennisedson]

@OlgaK, try this.  you may need to fiddle with the values, but this should get you started

form label{
 position: relative
}
form .hs-form-required {
  color: red;
  position: absolute;
  right: 25px;
  bottom: -31px;

[OlgaK]

Ok thanks! I'll try that on our development site first.