wordpress functions.php is displaying nothing for CSS

Question

I am new to wordpress custom theme design. I am trying to access the CSS via functions.php Unfortunately I wrote the php code but when I run it, it display blank screen and all my content are not displaying. The code is here.

<?php
function nanoweb_resources() {
    wp_enqueue_style('style', get_stylesheet_uri());
}
add_action( 'wp_enqueue_scripts', 'nanoweb_resources');

My error is working, I mean if I do anything wrong in code, it display error. According to my half in hour research, some logical error is there. If anyone help me, I will not lose my motivation to learn this big part of custom wordpress themes. Thank you in advance

Shamar Kellman · Accepted Answer · 2016-02-26 21:50:07Z

1

If your style sheet is not in the root directory of your theme, your second parameter should be the path to the stylesheet. You need to append the name of the stylesheet to the get_template_directory_uri() . '/path/to/sytlesheet.css'. Where /path/to/sytlesheet.css the location of the stylesheet with in the template folder.

edited Feb 26, 2016 at 21:50

answered Feb 26, 2016 at 21:41

Shamar Kellman

3114 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Ali Gohar Over a year ago

Hello, Yes it is in the root directory. I am learning, so all the files are in root directory. I only one directory root, and index, footer, header, functions and style are there

benomatis Over a year ago

I'd suggest you use /path/to/stylesheet.css in your answer instead, ie. paths are defined by slashes, then comes the file name, seems more logical to me... just a thought...

Ali Gohar Over a year ago

Hello, Thank you for support, I created on folder on name css in root directory and rename my css file to stylesheet.css. now it is in the css folder. and I added this to my code wp_enqueue_style('sytle', get_template_directory_uri() . '/css/sytlesheet.css'); how the content is displaying but css is not working

Shamar Kellman Over a year ago

Check your browser's developers tools console for any errors

Ali Gohar Over a year ago

Good idea Shamar, in consoles I have this error. localhost/design/wp-content/themes/nanowebsytle.css?ver=4.4.2 Failed to load resource: the server responded with a status of 404 (Not Found)

|

Collectives™ on Stack Overflow

wordpress functions.php is displaying nothing for CSS

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related