First impressions matter. Huge amounts of time and resource are spent on your website to make it look and feel a certain way for students. Fortunately, making your embedded forms look the same as the rest of your website has never been easier. Simply point your form in the direction of your dedicated CSS style sheet. 

To begin, log into Gecko and navigate to the embedded form you'd like to change the styling for. 

Click Settings > Design and look for the Custom CSS field. In this field, enter the below code (substituting YOUR URL GOES HERE for the URL of your style sheet) before clicking Save Changes:

@import url("YOUR URL GOES HERE");

Using an external style sheet has distinct advantages over simply inserting your CSS into the Custom CSS field; namely, any future changes made to the dedicated CSS style sheet will instantly reflect in your embedded form - without you having to log in to Gecko to update anything. 

Any questions? Feel free to start a live chat with a member of our support team or explore the rest of our academy at your leisure.

Did this answer your question?