How do I customise my theme with CSS?

You can customise any theme / widget using the custom css fields. To find these go to: Appearance / Theme.

If you're unsure how to use CSS or Javascript then it's probably best to hand over the issue to your web developer.

If you like to dabble, here's some example CSS to try on the Default theme:

Hide the release section


.score-release-section {
display:none;
}
 

Clearly highlight the Total Score for each player


.player-total-score SPAN {
background:#ffe65d!important;
font-family:Helvetica,Arial,sans;
font-size:20pt;
color:#23bfc3;
text-align:center!important;
padding:5px;
}

Add a background image to the tabular theme

		body {
			background: url(IMAGE_URL_GOES_HERE);
			background-size: 100%;
		}
		.container-main {
			background: #ffffff;
		}
		.extra-padding {
			padding-right: 30px;
			padding-left: 30px;
		} 
		.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th, .table-striped>thead>tr>th, .table-striped>thead>tr>td {
			background-color: #FFF;
		} 

Feedback and Knowledge Base