help

Code Editor

/*This affects the entire navigation system */
.navigation {

}

/*This affects the actual navigation bar and effectively replaces the navbar ID from previous version */
.navigation-page {

}

/*This affects the text link with your site name and roughly replaces the home-drop ID from previous version */
.navigation-logo a {

}

/*This affects the text link with your site name in the hover state */
.navigation-logo a:hover {

}

/*This affects the list of links to your different pages in your navigation as a whole and replaces the page-link-bar ID */ .navigation-items {

}

/*This affects affects the individual container for each link in your list of pages in the navigation */ .navigation-item {

}

/*navigation-link is the container and .navigation-link-text is the span of text within. Style attributes should be put in the navigation-link-text class and positioning attributes should be put in the navigation-link class. This replaces the large-link class. */
.navigation-link {

}

/*This refers to the link in your navigation for the page a visitor is currently on and allows you to differentiate it from other links */
.navigation-link.current {

}

Useful Links

Below are some useful links whether you're just getting into editing code or need to remember the syntax for a particular tag!

Codecademy
Simple interactive tutorials which teach a variety of programming languages as well as HTML & CSS.
w3Schools
Another great site with easy to follow tutorials as well as providing a great online reference for HTML & CSS.
Stack Overflow
A coding forum where questions can be asked and answered by amateurs & experts alike.

Using the code editor is simple. Go into edit mode and to the code editor tab (< >).
Here you will find space to add custom CSS & HTML (as well as JS) either specific to the page you are on or globally.

As you add code the page view will update automatically to reflect your changes
so there is no need to reload the page to see the effect of what you're working on.