Using custom CSS

 

The platform specific, or Custom CSS, can be entered in the Admin section of the platform by following the steps below:

  1. Go to Design at the top menu in Admin.
  2. Choose Stylesheet at the left menu.

For conveniently writing and implementing Custom CSS, you should open two tabs in your browser. In one tab you should open the Admin page where you can enter Custom CSS. The other tab you can use to review your changes in the platform front-end. As you progress, keep refreshing the page in this tab to see if your CSS adjustments have the desired effect.

You can enter CSS in the empty field below Custom Style and the CSS will apply to all browsers. You can also add browser-specific CSS in the “IE9 Only” section which will only apply to Internet Explorer 9.

Try it yourself by pasting the code below into this field and press Save:

div#main .welcome h3 {
     color: red;

     font-size: 50px;
}

Navigate to the platform Homepage and check out the Welcome! text. You should now see that the text has become much larger and bright red.