1. Home
  2. Design
  3. Customization
  4. Custom CSS Reference Guide

Custom CSS Reference Guide

Update 10/2018: CSS and HTML are now available on the Advanced and Power plans. If you are on the Basic or Standard plans, you will need to upgrade to use custom CSS or HTML.

Whether you want to customize one part of your campaign, or you want to fully customize the styles of multiple parts, it can be done with CSS in Woobox offers. We’ve compiled a list of some of the more common CSS reference requests (i.e., what item should be referenced in custom CSS in order to change the styling of the element), which we hope you’ll find helpful.

All Campaigns

Official rules link color: #page-container .page .footer .disclaimer a {color: red;}
Disclaimer/footer text color: #page-container .page .footer .disclaimer {color: red;}
Disclaimer/footer text size: #page-container .page .footer {font-size: 10px;}

UGC/Photo/Video contests

Removing post-entry user sharing section: ​.page-component .component-entries .entries {display: none;}
Gallery caption display without hover: #page-container .gallery-item .gallery-item-info .gallery-item-caption {display: block;}
Gallery thumbnail share without hover: ​#page-container .gallery-item .gallery-item-share-button {display: block;}

Polls

Changing Vote button text color: .page-component.poll-choices.gallery .component-poll-choices .poll-choice .poll-choice-vote {color: red;}
To change the button color, use the same class and add: {background-color: red;}

If you have found a part of your campaign that cannot be changed easily and you need help, feel free to email us at support@woobox.com

Updated on October 26, 2018

Was this article helpful?

Related Articles