Problems overriding plugin css

[Askitbasket]

Hi everyone,

I'm making my own child theme based on Genesis and I've been having a bit of trouble trying to override some css colours in a plugin that I'm using (Symple Shortcodes).

I wanted to do this in the most elegant way possible and after doing a bit of research, I tried to enqueue my own style with the plugin as a dependency in the functions.php using this code:

//* Style changes to Symple Shortcodes Plugin

wp_enqueue_style(
'my-symple-styles',
get_template_directory_uri() . '/my-symple-styles.css',
array('symple_shortcodes_styles.css')
);

...It didn't work.

Just out of interest, I also tried to completely dequeue the plugin's style using this code:

//* Dequeue Symple Shortcodes Plugin style

function wpa_dequeue_style() {
wp_dequeue_style( 'plugin-style-handle' );
}
add_action( 'wp_enqueue_scripts', 'wpa_dequeue_style', 100 );

...but that didn't work either

I also tried just copying and pasting the relevant code from the plugin's css into my child theme's style.css but the plugin's style seems to get called in first.

I'm fairly new to all this and so if anyone has any ideas, I'd be incredibly grateful.

http://c3927181.myzen.co.uk/contact-us/

[David Chu]

Hi,
In your first command, the array part won't work, I'm quite sure. That parm is looking for a handle of an already loaded script, not a literal file name. I'd suggest just doing an empty array.

You also didn't indicate of the enqueue statement is being performed in a function, and if you just have that code without that, you probably will get nothing. If you need help with that, here are examples:

http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Good luck,
Dave

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Askitbasket]

Thanks Dave,

Yes, you are right the handle was wrong and I have now changed that. As a result I can now override the plugin css but only by putting the code in my child theme css – it is still ignoring the css file I am trying to direct it to.

So far I've not had any joy trying to add a function or an action but i will keep trying.

For your reference, this is where I got the original code from: http://wordpress.stackexchange.com/questions/101037/how-do-i-cleanly-override-a-plugins-css-with-a-child-theme

[Author]

Posts