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!

8. To change color of field placeholder text
In most browsers, the placeholder text is grey. To change this, style the placeholder with the non-standard ::placeholder selector. Note that Firefox adds a lower opacity to the placeholder, so we use opacity: 1 to fix this.

Example
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: red;
}
Was this article helpful?
Cancel
Thank you!