Code console

In a desktop browser, click the the “Console” button at the bottom of the Editor to open the console . The console will open up at the bottom of the preview panel. If you’ve selected a custom theme for your editor, the console will also use that theme.

If you don’t want to update your project preview on on each save, you can enable a separate Run button in your Project Settings. Set the radio button under “Preview Updating” to “I want to use a run button to update” . After you save that setting, a “Run” button and “Save All” button will appear in the header.

First go to the Pen you are interested in forking. Then click on the fork button located at the bottom right hand corner. Once you fork the Pen, then it will create a copy for your CodePen account. Make sure to hit the save button and you can start modifying the code from there.