CMS Development

OlgaK
Contributor

How to position asterisks after input fields

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

 

0 Upvotes
4 Replies 4
dennisedson
HubSpot Product Team
HubSpot Product Team

How to position asterisks after input fields

@OlgaK, do you a preview link?

 

 

0 Upvotes
OlgaK
Contributor

How to position asterisks after input fields

0 Upvotes
dennisedson
HubSpot Product Team
HubSpot Product Team

How to position asterisks after input fields

@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;
0 Upvotes
OlgaK
Contributor

How to position asterisks after input fields

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

0 Upvotes