How to position asterisks after input fields

Occasional Contributor

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,

 

asterisks.jpg

 

Reply
0 Upvotes
4 Replies
Regular Advisor | Platinum Partner

@OlgaK, do you a preview link?

 

 

dennis
Regular Advisor | Platinum Partner

@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;
dennis
Occasional Contributor

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