Contact from css for changing font family

Ask the Community Customization
1

Hi There,
I’m trying to change the font family of my form title and label, but I can’t find the right CSS to work. Could someone please help me with this?

I tried:
[class*=‘WidgetBackground__Container’]{
font-family: canada-type-gibson, sans-serif;
font-weight:300;
}
Cheers Jane

1 Like
3

Hi there @user126 :wave:

Please try to use these codes and let me know if it helped:

[class*="WidgetTitle__Header-sc"]{
  font-family: Gibson !important;
  font-weight:300!important;
}

[class*="FormFieldLayout__Label-sc"]{
  font-family: Gibson !important;
  font-weight:300!important;
}

If it didn’t work, please share a link to the page where your widget is installed. I’ll be happy to check it for you :slightly_smiling_face:

4

Fantastic, that worked.
Thank you.

2 Likes
5

No problem :wink:

By the way, I’d like to remind you that we have a CSS Codes category where you can find the most popular codes for different apps, including Forms. Feel free to check it out - CSS Codes - Elfsight Community

6

Thanks Max, that’s really useful

1 Like