CMS Development

OlgaK
Colaborador

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 Me gusta
4 Respuestas 4
dennisedson
Equipo de producto de HubSpot
Equipo de producto de HubSpot

How to position asterisks after input fields

@OlgaK, do you a preview link?

 

 

0 Me gusta
OlgaK
Colaborador

How to position asterisks after input fields

0 Me gusta
dennisedson
Equipo de producto de HubSpot
Equipo de producto de HubSpot

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 Me gusta
OlgaK
Colaborador

How to position asterisks after input fields

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

0 Me gusta