Wooslider custom css

Question

I recently purchased Wooslider plugin and would like to add custom css to override the Woothemes slider defaults.

However if I add custom css to the theme css file it gets overridden by the wooslider css since that css comes after my theme css in the head of the document.

Is there a way around this? some method or Wordpress script that forces my theme css to appear after the wooslider css perhaps, that would be a more elegant solution than putting css style tags into the head of the document? I was curious as to how other people deal with this issue?

Answer 1

You need to register and/or enqueue your stylesheet and hook it to wp_enqueue_scripts with a priority high enough that it loads after the Woothemes default.

function load_my_style_wpse_87804() {
  wp_register_style( 'mystyle', get_template_directory_uri() .'/path/to/mystyle.css');
  wp_enqueue_style( 'mystyle' );
}
add_action('wp_enqueue_scripts','load_my_style_wpse_87804',100);

You may need an even higher priority (third parameter), but eventually you should get one high enough.

This is, of course, assuming that Woothemes and the slider enqueues properly.

Answer 2

If you wanna change the CSS, you need to use their tool "WooDojo" ( http://www.woothemes.com/woodojo/ ) and actívate the "WooDojo Custom Code" feature (:

It may help...