You are here: WTF » Documentation »

Custom CSS File

Custom CSS File

The Custom CSS File option allows you to easily change the the styles for theme’s with multiple styles. In here you can put the file name of a CSS file relative to the root of the theme. For example the value “blue.css” would result in the file URL “http://<test_site.com>/wp-content/themes/<test_theme>/blue.css”.

Developer

To use the Custom CSS File option you must either replace the normal link to the CSS file with the following code in the header or (if you are using overriding styles) add the following code after you have linked to your normal CSS file (recommended).

<?php if(function_exists('wtf_custom_css')) wtf_custom_css(); ?>

This will output a link to the chosen CSS file in a format like:

<link rel="stylesheet" href="http://testsite.com/wp-content/themes/test_theme/blue.css" type="text/css" media="screen" />