Style headings in Forms

Ask the Community General Questions
1

Hi, can anyone provide me with a CSS template to edit the heading style in forms? Thanks!

2 Likes
3

Hi there, @user24177 :waving_hand:

Do you mean the title of the form pages? What exactly would you like to change in the title style (font, font-weight, size, color)?

1 Like
4

Hi there,

All titles - the main form and the title fields you can add. If they have different identifiers that’s good, as I can style them differently.

I can fill in the correct styling I need, I just don’t know how to identify them in CSS. So if you could just change the size as an example I can fill in the rest.

Thanks so much!

2 Likes
5

Hi @user24177 :waving_hand:

Here is the code to change the color, size and font family of the page titles:

[class*="FormLayout__PageTitle-sc"] {
  font-size: 30px;
  color:red;
  font-family: Calibri;
}

You can change the size, color and font weight of the headings, labels and field text in the Form Fields section on the Appearance tab

image
image337×839 18.2 KB
image
image329×901 15.4 KB


Check it out and let me know if it helped :slightly_smiling_face:

2 Likes
6

Thank you! Can you make it so it targets heading fields?

1 Like
7

Sure, here is the class of the heading field element - Heading__HeadingControl-sc

image
image1534×883 250 KB

For example, here is the code to change the font family of the headings:

[class*="Heading__HeadingControl-sc"] {
  font-family: Times New Roman;
}