Custom CSS doesn't work in preview form only in build page

  • Profile Image
    Azitamous
    Asked on December 26, 2017 at 02:25 PM

    Hello,

    Thank you for the great framework.

    I was able to inject the new style to the css and save it. I am able to see the changes in my BUILD tab, however, when I publish the form and open it in new tab or embedded my custom css is not showing. I appreciate if you provide some advice.

    Thank you

    Best,

    Azita



    This is a re-post of a comment on How to Inject Custom CSS Codes

  • Profile Image
    Richie_P
    Answered on December 26, 2017 at 02:39 PM

    May we know what form your are referring and the css codes?

    Css codes doesn't work on some browsers because of its contents and code syntax. Try to preview your form after inserting your css codes and see the changes and adjust the codes to your preference. 

    Also, please take note on the field id's that you need to use to target certain elements.

    Field Id's can be found on your element Properties then ADVANCED,


    scroll down until you find Field ID's

    Here is a sample css code using the Field Id.

    #input_3{

    color:red;

    }