Have Questions? (800) 609-6480

Change the Red Required Question Asterisk to your Own Image (or Color)!


Note: This is not compatible with IE6 or IE7.

screenshot

Sometimes that big red required asterisk just doesn't fit in with your survey template - the colors don't match or it might be too big or too small next to the text in your survey. In cases like these, you might want to replace it with your own special image... We can do this through a quick CSS trick! I replaced my asterisk with this tiny picture of Marlon Brando from "A Street Car Named Desire", and look what my survey looks like now (click the tiny survey picture on the left)!

 

First off, you'll want to upload your new image. Find the image you want to use, and log into SurveyGizmo. From there, click on the " My Libraries" tab in the upper-left of SurveyGizmo (just under the SurveyGizmo logo) and click Upload a File

Now, find the survey you want to change the asterisk in, and click on the Current Project-->Publishing-->Customize option.

From your Customize tab, first click on the gray Advanced... tab on the left, then click on the Append option to make your "Theme Styles (CSS)" box appear.

cutzomizeappend.png

Now, copy and paste the following code from this tutorial to your "Theme Styles (CSS)" section:

If you want to replace it with a new image, use this:

.sg-required-icon:after {content:url(http://link.to.your/image.gif);}
.sg-required-icon { font-size: 0px !important;}

Make sure to replace http://link.to.your/image.gif with the link to the new image you uploaded to your library :-)

If you just want to change the color of the default asterisk, use this:

.sg-required-icon { color: blue;}

You can change blue to any number of colors, such as red, green, yellow, purple, hexidecimal codes like #40E0D0 and more! Check this link for all the colors that CSS supports: http://www.w3schools.com/css/css_colornames.asp

Have you tried SurveyGizmo yet? Try our 14 day free trial

Best of SurveyGizmo Weekly

By . In Know How.

Likert Scale – What is it? When to Use it? How to Analyze it?

April 24 2012 -

In all likelihood, you have used a Likert scale (or something you’ve called a Likert scale) in a survey before. It might surprise you to learn that Likert scales are a very specific format and what you have been calling Likert may not be. Not to worry — researchers that have been doing surveys for… Read More »

By . In Interviews.

How One Company Beat All Odds in Conducting An Offline Survey In Africa

World-Wize Surveys used the SurveyGizmo API to build their own iPad survey app. Want to know how? Read on.

By . In Best Practices.

How to Get A Raise By Creating Surveys You Can Act On

The most successful survey creators know that creating a survey starts with a solid plan, before you even begin building your survey.

More from our Survey Experts