Within this tab you can enter your custom CSS code for the currently selected theme in the text area UI component. This is useful if you want to change specific elements, like the navigation button or font size of the stage name.

You have to click on the "Save & Apply" button to save your entered code.

Examples for Custom CSS Code (River theme)

Change Navigation Button Colors
/* button background color */
.xc_next-button-wrapper {
    background-color: green;

/* button text color */
.xc_next-button-wrapper:before {
    color: white;

Change Stage Name Font Size
/* mobile */
.xc_header-navigation--stage-title {
	font-size: 22px;

/* desktop */
@media only screen and (min-width: 841px) .xc_header-navigation--stage-title {
	font-size: 30px;
  • No labels