The default layout of our Email Campaign messages is such that the content is centered and the width is quite skinny. The default layout ensures good display on all devices, however you can override these default styles if you wish.
To override our default styles go to the Campaign Designer and click Edit Message. On the Style & Preview tab check the option to Disable all SurveyGizmo styling and use my own.
This will remove all styling from the email message including the width, the alignment, and the blue border line.
After removing SurveyGizmo email styles you can send the message as is or add your own styles. If you choose to send the message as is it will look much like a plain text email (the survey link will be hyperlinked).
Adding your own styles
Once you've removed SurveyGizmo's styles you can add your own.
To add your own styles go back to the Message tab. We recommend going into the source to add inline styles in the HTML. The source HTML can be accessed via the Source button on the editor toolbar.
FAQ
I like your styles I just want to get rid of a few things how can I do so?
You can copy or paste one or all of the following code into the source code of your email message to apply some common adjustments to our styles. To do so, go to the Campaign Designer, click Edit Message and click the Source button on the editor toolbar.
Note: Because the below code examples are intended to customize SurveyGizmo's default email styles, you should not select the option to Disable all SurveyGizmo styling and use my own on the Style & Preview tab if using these codes.
You can paste all of the below code or you can delete any of the blocks that you do not wish to apply. The first line of each block describes what the code does. If you delete a section of code be sure to keep the opening <style type="text/css">
and closing </style>
tags in order for your code to work.
<style type="text/css"> /*Remove top blue border*/ td.target-body { border:none !important; } /*Make the width of the content wider*/ table { width:600px !important; } /*Remove grey background*/ .gets-background-color { background-color: #ffffff !important; } </style>
Scripting and Other Custom Solutions
We’re always happy to help you debug any documented script that is used as is. That said, we do not have the resources to write scripts on demand or to debug a customized script.
If you have customization ideas that you haven't figured out how to tackle, we're happy to be a sounding board for SurveyGizmo features and functionality ideas that might meet your needs. Beyond this, check out our Professional Services; these folks have the scripting chops to help you to achieve what you are looking for!
Admin
— Dave Domagalski on 02/02/2018
@Flex: Thank you for your question!
I’m afraid that there is not an option to have the "Disable all SurveyGizmo styling and use my own" setting checked by default at this time.
I’ll make sure to share this feedback with our Development team as a potential future upgrade!
I’m sorry for the inconvenience.
David
Documentation Specialist
SurveyGizmo Customer Experience
— Danielle on 02/02/2018
Is there any way to have the "Disable all SurveyGizmo styling and use my own" checked by default? Sometimes I forget to check it and only realize it when the email gets sent out.
Admin
— Dave Domagalski on 01/11/2018
@Steve: Thank you for exploring SurveyGizmo documentation content!
When using the provided CSS code examples to customize SurveyGizmo's default styles, the option to 'Disable all SurveyGizmo styling' on the Style & Preview tab should not be checked - perhaps this is the cause of the styles being removed in your case?
I hope this helps!
David
Documentation Specialist
SurveyGizmo Customer Experience
— Steve on 01/11/2018
When I add in the suggested code to change the body width, it removes all of the SurveyGizmo styling.
Admin
— Bri Hillmer on 12/08/2017
@Brian: Yes, at this time, changes need to be made to each message you create.
Bri Hillmer
Documentation Coordinator
SurveyGizmo Customer Experience Team
— Brian on 12/08/2017
Regarding these changes...we've found that when we create a Reminder Email, all our own style edits to the original invitation are not lost, and the style and format reverts to default SurveyGizmo formatting. Please advise.