Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Structure

...

Table of Contents: 

Table of Contents

Overview

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.

Note

...

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

Examples for Custom CSS Code

...

Code Block
languagecss
titleChange Navigation Button Colors
linenumberstrue
// button background color
.xc_next-button-wrapper {
    background-color: green;
}

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

...

Code Block
languagecss
titleChange Stage Name Font Size
linenumberstrue
// 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;
}

...