Create a gist now

Instantly share code, notes, and snippets.

Load a custom style sheet on your site using the Genesis Framework.
<?php
//* Do NOT include the opening php tag
//* Load custom style sheet
add_action( 'wp_enqueue_scripts', 'custom_load_custom_style_sheet' );
function custom_load_custom_style_sheet() {
wp_enqueue_style( 'custom-stylesheet', CHILD_URL . '/custom.css', array(), PARENT_THEME_VERSION );
}
//* Replace default style sheet
add_filter( 'stylesheet_uri', 'custom_replace_default_style_sheet', 10, 2 );
function custom_replace_default_style_sheet() {
return CHILD_URL . '/custom.css';
}
@osalcedo

Awesome :)
Where should the custom.css file be placed?
Is there a way to place it into another folder, so it isn't overwritten when updating a premium child theme?

@braddalton

@osalcedo Based on the code above it's in the root directory. Otherwise you could put it in a folder named custom and use /custom/custom.css

Child themes aren't generally updated.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment