If you’ve created a WordPress theme and you are seeing a load of CSS code in the ‘Manage Themes’ section of the Dashboard you’ll be glad to know this is easily fixed.

Chances are you are editing the styles.css file on a Mac, probably using Dreamweaver or similar. The problem is that Mac uses Macintosh code endings and WordPress likes Unix. All you need to do is go to the Dreamweaver preferences and choose Code Format and change the ‘line break type’ to ‘LF (Unix)’.

Now enter your custom Template info e.g.

/*
Theme Name: Valleystone
Theme URI: http://valleystone.co.uk
Description: Valley Stone 2009
Author: Ben Frain
Author URI: http://benfrain.com
Version: 1.0
.
Hi Mum.
.
*/

Re-upload the style.css file and you should be looking good.

My latest book, 'Enduring CSS' is out now

Get $5 off HERE ↠

Write and maintain large scale modular CSS and embrace modern tooling including PostCSS, Stylelint and Gulp