style.css not working in wordpress

Question

I have a problem with Wordpress, I've created all needed files including style.css index.php and so on but the page is not styled. In header, among other things, I've put this

<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/css/bootstrap-responsive.css" />
<link rel="stylesheet" type="text/css" href="text/css" href="<?php bloginfo('template_url'); ?>/css/style.css" />

What does your directory look like? How does the parsed HTML look? — BenM
– BenM, Commented Jan 12, 2014 at 19:38
Did you notice that you have two href attributes in that link (last line)? — muka.gergely
– muka.gergely, Commented Mar 14, 2018 at 15:59

Arjan Einbu · Accepted Answer · 2017-10-20 22:18:40Z

5

Add the following to your functions.php, it should work.

function EnqueueMyStyles() {
    wp_enqueue_style('my-custom-style', get_template_directory_uri() . '/css/my-custom-style.css', false, '20150320');

    wp_enqueue_style('my-google-fonts', '//fonts.googleapis.com/css?family=PT+Serif+Caption:400,400italic', false, '20150320');

    wp_enqueue_style('my-main-style', get_stylesheet_uri(), false, '20150320');
    }
}
add_action('wp_enqueue_scripts', 'EnqueueMyStyles');

edited Oct 20, 2017 at 22:18

Arjan Einbu

13.7k2 gold badges59 silver badges59 bronze badges

answered Jul 9, 2016 at 4:19

Madhuraman Ghimire

3643 silver badges12 bronze badges

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

1 Comment

thirteen4054 Over a year ago

Your answer is not scoped properly.

Nakityo Anita · Accepted Answer · 2022-10-07 09:24:28Z

For my case, i had not linked CSS. So i solved it by doing the following:

I created a file header.php this file had my html code and inside of this file, instead of manually including the css file using link , i called a php function wp_head(); which helps wordpress to take control of my head section.

    <!DOCTYPE html>
    <html>
      <head>
        <?php wp_head(); ?>
      </head>
      <body>
        <h1>Wordpress</h1>
      </body>
    </html>

After that i had to create another new file in the themes folder called functions.php and linked style.css in this file using the following code.

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

?>

sean · Accepted Answer · 2017-10-20 22:07:52Z

4

Add stylesheet other than style.css, open function.php and add the following code.

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
function theme_name_scripts() {
   wp_enqueue_style( 'style-name', get_stylesheet_uri() . "/css/bootstrap.css" );
   wp_enqueue_style( 'style-name', get_stylesheet_uri() . "/css/bootstrap-responsive.css" );
}

Add the style.css file using thins:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

edited Oct 20, 2017 at 22:07

sean

3,98523 silver badges28 bronze badges

answered Jan 12, 2014 at 19:41

Gil Sousa

8446 silver badges12 bronze badges

1 Comment

Muhammad Bilal Over a year ago

style-name inside wp_enqueue_style, must be unique. Use add_action( 'wp_enqueue_scripts', 'theme_name_scripts' ); function theme_name_scripts() { wp_enqueue_style( 'style-name1', get_stylesheet_uri() . "/css/bootstrap.css" ); wp_enqueue_style( 'style-name2', get_stylesheet_uri() . "/css/bootstrap-responsive.css" ); }

Muhammad Bilal · Accepted Answer · 2018-05-28 08:43:45Z

3

Open function.php file and past the following code.

add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
    function theme_name_scripts() {
       wp_enqueue_style( 'style-name1', get_stylesheet_uri() . "/css/style.css" );
       wp_enqueue_style( 'style-name2', get_stylesheet_uri() . "/css/bootstrap.css" );
}

answered May 28, 2018 at 8:43

Muhammad Bilal

3,08630 silver badges55 bronze badges

Comments

AGE · Accepted Answer · 2016-01-22 16:16:41Z

0

I had the same problem, but I fixed it by looking carefully in my code. This is what I wrote before:

<link href="<?php bloginfo('stylesheet_url'); ?> rel="stylesheet" type="text/css" media="all" />

As well as the following code helped me solved the problem:

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">

Can you see the difference? Comment below if you have any questions.

edited Jan 22, 2016 at 16:16

AGE

3,7873 gold badges43 silver badges63 bronze badges

answered Jan 22, 2016 at 15:50

Abder

11 bronze badge

Comments

Chastic Fy · Accepted Answer · 2018-03-14 09:23:08Z

0

when you also have 2 site URLs or home URLs in your plugins or CSS when you look it up in the inspection on chrome or some browser. And opening this in a new tab (btw this should not be accessible)::

then try to put

"/" without the "" in your localhost or whatever > phpmyadmin > database (of WordPress) > wp_options >> "siteurl" and "home" in option_value

answered Mar 14, 2018 at 9:23

Chastic Fy

11 bronze badge

1 Comment

Chastic Fy Over a year ago

I mean you can always try this. Easy to go back if it does not work. I did not read your problem. But this was the fix I was looking for and found the solution my self. just remember what was there in the first place.

user1773603 · Accepted Answer · 2018-05-28 08:33:54Z

0

Replace template_url with template_directory in bloginfo and all done like:

<link ... href="<?php bloginfo('template_directory'); ?>/css/bootstrap.css" />
<link ... href="<?php bloginfo('template_directory'); ?>/style.css" />

answered May 28, 2018 at 8:33

user1773603

Comments

Lino · Accepted Answer · 2019-08-04 10:25:53Z

0

In functions.php add this code it will link style.css file to your WordPress theme

function load_scripts() {
    wp_enqueue_style( 'stylecss', get_stylesheet_uri() );  
}

add_action('wp_enqueue_scripts', 'load_scripts' );

answered Aug 4, 2019 at 10:25

Lino

335 bronze badges

Collectives™ on Stack Overflow

style.css not working in wordpress

8 Answers 8

1 Comment

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

1 Comment

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related