Customize Sweepstakes Styles

When you create a sweepstakes, you can customize how it looks on your landing page.


Not all customers have purchased this functionality. Contact your sales rep for details.

  1. Go to Marketing Activities.

  1. Select the sweepstakes, and click Edit Draft.

  2. In the Sweepstakes editor, go to App Settings > Appearance.

  3. Edit the text of your sign-up button and the progress link.

  4. For each element that you wish to customize, enter your custom CSS properties.

    Example CSS for Enter Button:
    <pre>border: 5px solid #7B68EE; background-color: purple; padding: 10px; font: 16px; color: #FFFFFF; text-align: center;</pre>

    Example Image for Enter Button:
    <pre>background:url( no-repeat center center; width:275px; height:95px; margin:auto; display:block;</pre> <pre>


    If you use an image with text on it, remember to remove the text from the Enter Button field under Text above.

  5. As you make each change, the result is displayed in the View & Edit preview.


    Test your button in several different browsers, including older versions.

On this page