Updating custom CSS via IDE

[Saqib Ali]

I find it frustrating making stylistic changes to my child theme using the Custom CSS manager plugin, it's very clunky and slow.

I'd like to directly link a custom CSS file to my IDE, Atom, in this instance.

From my understanding, I need to enqueue a new style sheet, which I've created a file in the root folder of my child theme, Wellness Pro /custom-styles.css

I've also created a new line within the functions.php file wp_enqueue_style( 'custom-styles', get_template_directory_uri() . '/css/custom-styles.css', array(),false,'1.1', 'all');

// Child theme (do not remove).
define( 'CHILD_THEME_NAME', 'Wellness Pro' );
define( 'CHILD_THEME_URL', 'http://my.studiopress.com/themes/wellness-pro/' );
define( 'CHILD_THEME_VERSION', '1.1.3' );

// Enqueue Scripts and Styles.
add_action( 'wp_enqueue_scripts', 'wellness_enqueue_scripts_styles' );
function wellness_enqueue_scripts_styles() {

	wp_enqueue_style( 'wellness-fonts', '//fonts.googleapis.com/css?family=Open+Sans:400,700|Arbutus+Slab', array(), CHILD_THEME_VERSION );
	wp_enqueue_style( 'wellness-pro', get_template_directory_uri() . '/custom.css', array(),false,'1.0.0', 'all');
	wp_enqueue_style( 'dashicons' );

	$suffix = ( defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ) ? '' : '.min';
	wp_enqueue_script( 'wellness-responsive-menu', get_stylesheet_directory_uri() . '/js/responsive-menus' . $suffix . '.js', array( 'jquery' ), CHILD_THEME_VERSION, true );
	wp_localize_script(
		'wellness-responsive-menu',
		'genesis_responsive_menu',
		wellness_responsive_menu_settings()
	);
}

But it doesn't seem to be doing the trick, I must be doing something wrong or am I way off track and there's a simpler solution...

http://development site

[Brad Dalton]

This is for parent themes only

get_template_directory_uri()

For child themes use:

get_stylesheet_directory_uri()

Or:

get_theme_file_uri()

---

Tutorials for StudioPress Themes.

[Saqib Ali]

Ah, that's it @braddalton, thank you very much!

[Saqib Ali]

Actually one more thing, now that the file has been enqueued correctly, how would you go about making this custom stylesheet more prominent because some the style.css stylesheet is not being overridden by some changes I've made in the custom.css stylesheet.

[Saqib Ali]

This reply has been marked as private.

[Author]

Posts