plugin css is not being applied to the page

Question

I looked at this question:

plugin css is not being applied to the page?

but I couldnt solve my problem.

I use below code like the question:

 <?php
                    function libload()
                    {
                    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'dahili/bootstrap.min.css' );
                    wp_enqueue_style( 'foo-styles' );

                    wp_register_style( 'foo-styles2',  plugin_dir_url( __FILE__ ) . 'dahili/style.css' );
                    wp_enqueue_style( 'foo-styles2' );

                    wp_register_style( 'foo-styles3',  plugin_dir_url( __FILE__ ) . 'dahili/responsive.css' );
                    wp_enqueue_style( 'foo-styles3' );

                    }
                    add_action('wp_enqueue_scripts','libload');
                  ?>

style files are loading as you can see below link but wp not apply them:

http://www.hekim.deniz-tasarim.site/sample-page/

How can I solve this problem?

Answer 1

Your code looks correct, but the page you linked to doesn't seem to have them included.

This means that this line is not being run:

add_action('wp_enqueue_scripts','libload');

Check if the php file that you have it inside of is included by one of your plugin files?

Or that you are trying to include a file with the wrong path.

Check that the file is in a plugin not a theme folder, or you will need a different path.

Answer 2

Change integratation code with this:

  <?php
                    wp_register_style( 'foo-styles',  plugin_dir_url( __FILE__ ) . 'dahili/bootstrap.min.css' );
                    wp_enqueue_style( 'foo-styles' );

                    wp_register_style( 'foo-styles2',  plugin_dir_url( __FILE__ ) . 'dahili/style.css' );
                    wp_enqueue_style( 'foo-styles2' );

                    wp_register_style( 'foo-styles3',  plugin_dir_url( __FILE__ ) . 'dahili/responsive.css' );
                    wp_enqueue_style( 'foo-styles3' );
                  ?>