Customizing Survey Themes

Make your surveys match your brand identity with custom themes. Control colors, fonts, logos, and backgrounds for a professional, consistent look.

Accessing Themes

Open your survey in the editor
Click the Theme tab
Browse available themes or create custom

Using Standard Themes

Theme Library

Choose from pre-designed themes:

Professional themes
Colorful themes
Minimal themes
Industry-specific themes

Premium Themes

Advanced plans include premium themes with:

Modern designs
Custom animations
Advanced layouts

Applying a Theme

Browse theme library
Click to preview
Click Apply to use

Creating Custom Themes

Starting a Custom Theme

Click Create Custom Theme
Start from scratch or copy existing
Name your theme
Begin customizing

Color Customization

Color Palette

Set your primary colors:

Primary - Buttons, links, highlights
Secondary - Accents, borders
Background - Page background
Text - Body text color

Individual Elements

Fine-tune specific components:

Question text
Answer options
Button colors
Progress bar
Error messages

Predefined Palettes

Choose from curated color combinations or create your own.

Font Customization

Font Selection

Choose fonts for:

Survey title
Question text
Answer options
Body text

Font Library

Select from web-safe fonts and Google Fonts:

Sans-serif options
Serif options
Display fonts

Typography Settings

Font size
Line height
Letter spacing
Font weight

Logo Management

Uploading Your Logo

Go to Logo section
Click Upload Logo
Select image file (PNG, JPG, SVG)
Adjust size and position

Logo Placement

Top left
Top center
Top right

Logo Sizing

Small
Medium
Large
Custom dimensions

Background Customization

Background Color

Set solid background color for survey.

Background Image

Click Add Background Image
Upload your image
Set positioning:
- Cover
- Contain
- Tile
Adjust opacity

Gradient Backgrounds

Create gradient effects with multiple colors.

Layout Options

Question Width

Narrow - Better for simple questions
Standard - Default width
Wide - Full width questions

Spacing

Compact - Less space between elements
Normal - Default spacing
Relaxed - More breathing room

Alignment

Left aligned
Center aligned

Save Theme

After customizing:

Click Save Theme
Name your theme
Add to your theme library

Copy Theme

Duplicate an existing theme to create variations:

Select theme
Click Copy
Rename and modify

Make themes available to your organization:

Go to theme settings
Enable team sharing
Set permissions

Best Practices

Brand Consistency

Use exact brand colors (hex codes)
Upload high-quality logo
Match website styling
Use approved fonts

Readability

Ensure sufficient contrast
Don’t make text too small
Test on different devices
Avoid busy backgrounds

Professional Appearance

Keep it simple
Limit color palette
Use consistent styling
Test before sending

Mobile Optimization

Preview on mobile devices
Ensure buttons are tappable
Check text is readable
Verify images scale properly

Theme Preview

Preview Mode

See your theme in action:

Click Preview
Navigate through survey
Test on different screen sizes
Return to editor to adjust

Device Preview

Test how themes look on:

Desktop
Tablet
Mobile

White Labeling (Enterprise)

Custom Domain

Host surveys on your domain:

surveys.yourcompany.com
feedback.yourcompany.com

Remove SurveyMethods Branding

Hide footer branding
Custom completion page
Custom URL structure

Custom CSS

Advanced users can add custom CSS for complete control.

Troubleshooting

Logo Not Displaying

Check file format (PNG, JPG, SVG)
Verify file size (under 5MB)
Clear browser cache
Try re-uploading

Colors Not Applying

Clear preview cache
Check color format (hex)
Verify element selection
Save and refresh

Font Issues

Ensure font is available
Check font loading
Test in different browsers

Related articles: