Useful CSS Tips for Contest

Even though the most edits and modifications can be done by changing settings inside contest editor, there are some advanced changes that need to involve custom CSS. Basically, you need to inspect the contest page to find the division or selector to be called, and apply your CSS code. 

For your convenience, I have listed out the frequently asked CSS questions for you to simply copy and paste to the custom CSS section of your contest.


1. To Hide ‘Most Votes’ Filter Option

.controls .form-control option[value="2"] {display: none; }

2. To Hide Entries

.entries {display: none; }

3. To Hide Search Bar

.controls .row .col-sm-4:nth-of-type(1) {display: none; }

4. To Hide Sort by Option

.controls .row .col-sm-4:nth-of-type(2) {display: none; }

5. To Hide Countdown Timer

.countdown {display: none; }

6. To Hide Number of Entrants

.entrants {display: none; }

7. To Hide Vote Count

.count {display: none; }


Even if the CSS code you are looking for is not here, don't worry, the support team is always here to assist you!