Enfold Child Theme: Correct place for custom CSS

Ok I have found the answer.

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . 'css./my_custom.css',
        array('parent-style')
    );
}

• This reply was modified 2 years, 1 month ago by thinkjarvis.

@ismael
Sorry that was a typo. I have just edited my original post.

If you place any CSS in the child theme style.css it is ignored or not given high enough priority to overide the theme/plugin css.

Using my_custom.css seems to work OK for most CSS but some still gets ignored unless it is in the quick css box.

@ismael
It appears to be a caching issue – Although all caching is off. I think the timestamp on the my_custom.css didnt update right away so my browser was loading a version of the site with the old my_custom.css.

I am now using the child theme style.css having dequeued the my_custom.css and it is working as expected.

Sorry this thread has become a bit of a nothing thread.

I have always used the Quick CSS box but this particular site uses WPML which means duplicated CSS that is used by both language versions of the site if I use Quick CSS.

I have now emptied quick CSS, copied it all into style.css and dequeued my_custom.css (Disabled the function above).

Yes please close this out.

Really pleased this is working actually. I have always used the quick css but due to WPML on this one style.css is the right place for it.

Cheers All.