Loading CSS Styles

Adding Styles

• Store your CSS files under assets/styles in your theme.

Loading Styles

• Inside your theme open /app/assets/css-assets.php
• Add a load_css() call. The first parameter is the URL to the CSS file. The second optional parameter is an array of arguments. See arguments.
• If handle is not defined as an arg the URL parameter will be used.
• If ver is not defined as an arg the theme version will be used.

Cache Busting

If you don't define "ver" then it will append the theme version to your CSS file's URL. You can use this for cache busting - simply bump the version number of your theme.

Examples

If you simply need to load a CSS file you can do:

load_css( _templateURL . '/assets/styles/application.css' );

Let's say you need to define the "handle" and "version" parameters. You'd simply define the arguments parameter:

load_css( _templateURL . '/assets/styles/application.css', [
	'handle' => 'foo',
	'ver' => '2.0'
] );