Include Custom CSS? | Community
Skip to main content

Include Custom CSS?

W

Hi Type Form,

We are excited about the features and possibilities of TypeForm and would like to use the service for a client. However, the corporate design specifications of our client are very strict, so that the design of buttons and the choice of fonts could be a criterion against TypeForm.

Is it really not possible to include a custom - minimal - CSS? Not even with an individual business super account?

I would be very happy about a positive answer.

Regards,

Anja

Pinned reply

May 14, 2021

Hi @witczak Thanks for stopping by and great question! It’s not possible to add custom code to the form, including CSS, and this is because we wouldn’t be able to guarantee the look of the form if extra coding is applied. 

Though, if you haven’t already, I’d suggest taking a peek at our Embed SDK, which allows you to work with the embed code a bit more comfortably if you’re adding the form to your site. Hope this helps a bit!

14 replies

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • May 14, 2021
Pinned reply

Hi @witczak Thanks for stopping by and great question! It’s not possible to add custom code to the form, including CSS, and this is because we wouldn’t be able to guarantee the look of the form if extra coding is applied. 

Though, if you haven’t already, I’d suggest taking a peek at our Embed SDK, which allows you to work with the embed code a bit more comfortably if you’re adding the form to your site. Hope this helps a bit!

Life is a series of awkward moments separated by snacks.
john.desborough
1 person likes this
  • john.desborough
    john.desborough
V

I need to change styles according to the design and add some js functions. How can i do this?

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • July 8, 2021

Hi @viktor.yankovskyi Welcome to the community! Happy you’re here! :grinning: I added your post here where we have the answer. Let us know if you have any other questions!

Life is a series of awkward moments separated by snacks.
john.desborough
1 person likes this
  • john.desborough
    john.desborough
S

@Liz Hey there, we’re working on embedding a short survey into our app and when we increase the height, the padding at the top becomes way too much--we’re trying to achieve a seamless look that doesn’t involve the scroll bar. Is there any way we can have the form be top aligned instead of centered or reduce that top padding a bit? 

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • August 27, 2021

Hi @sarahnickerson I’m afraid we don’t support custom CSS on the forms, but if there’s anything else I can help answer, please let me know. :grinning:

Life is a series of awkward moments separated by snacks.
john.desborough
1 person likes this
  • john.desborough
    john.desborough
dizdonchik
Forum|alt.badge.img+1
  • dizdonchik
  • Explorer
  • 11 replies
  • March 4, 2022

I have an example site - https://www.typology.com/diagnostic?source=diagnosticBannerHome#form - that uses a form where non-inline styles are applied. I also have a form on the site - 

 - where I want to add a font that is not in the settings. I also need to make buttons more square (without rounding), and remove the letters A, B, etc. from the answer options.

 

Grace
1 person likes this
  • Grace
    Grace
Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • March 4, 2022

Hi @dizdonchik added your post here where we have the answer!

Life is a series of awkward moments separated by snacks.
Grace
1 person likes this
  • Grace
    Grace
P
I would like to know if I can create my own form (my own CSS styles) and through the api send the data to typeform. The reason is that I need to create a very custom form.
Gabi Amaral
1 person likes this
  • Gabi Amaral
    Gabi Amaral
Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • August 15, 2022

Hi @Pandresvaldivia I added your post here where we have the answer. 😀

Life is a series of awkward moments separated by snacks.
D

Can I add custom CSS in my typeform on Plus plan for now?

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • April 28, 2023

Hi @djamel mohamed It is not possible to add custom code to the Typeforms. 

If there’s anything else we can help with, let us know!

Life is a series of awkward moments separated by snacks.
D
Liz wrote:

Hi @djamel mohamed It is not possible to add custom code to the Typeforms. 

If there’s anything else we can help with, let us know!

How can I allow cross-origin to widget iframe to customize it from code?

D
djamel mohamed wrote:
Liz wrote:

Hi @djamel mohamed It is not possible to add custom code to the Typeforms. 

If there’s anything else we can help with, let us know!

How can I allow cross-origin to widget iframe to customize it from code?

Or how can I open builder like in this article https://thesassway.com/can-i-use-my-own-html-and-css-for-typeform/

Liz
Community Team
Forum|alt.badge.img+5
  • Liz
  • Tech Community Advocate
  • 14857 replies
  • May 1, 2023

Hi @djamel mohamed Adding custom code to your Typeform isn’t something we support, so if you choose to do so, you would have to navigate those waters with caution. 

@mathio might be able to provide some suggestions, but we can’t support custom code since we don’t know how custom code will react to our product. 

Life is a series of awkward moments separated by snacks.

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs