Customize Sweepstakes Styles

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

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(https://app.marketo.com/images/public-site/button_sign-up-now.png) no-repeat center center; width:275px; height:95px; margin:auto; display:block;</pre> <pre>

   NOTE

   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.

   

   NOTE

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

   Related Articles

   The next step is to add sign-up and fulfillment emails to your sweepstakes.

Business.Adobe.com resources