Placeholder Text Font Change

[GGawali24]

Hi Everyeone !!

Can you please tell me how to change font of PlaceHolder Text on forms ?

[coldrickjack · Accepted solution]

Hi @GGawali24 this can be done using CSS. Specifically using a rule as shown below:

form .hs-form-field input::placeholder {
  font-family: "Arial", Times, serif; /* Change this to whatever font you'd like */
  font-weight: 100 /* Change this to whatever weight you'd like */
  color: #000000; /* Change this to whatever colour you like*/
}

The steps required to implement the above will differ depending on where the form is located. In any event the articles below cover both scenarios:

• Set up and style a HubSpot form on an external site
• Set up and style a HubSpot form on HubSpot pages

[GGawali24]

Hi @coldrickjack 

I am trying to integrate hubspot form in wordpress using short code so can you please help me out where should i place the css class.

[coldrickjack]

Hi @GGawali24, you'd need to follow the instructions here.