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.
Examples fors Custom CSS Code
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;
}
Note: You have to click on the "Save & Apply" button to save your entered code.
