Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

style.css in bootstrap wordpress theme does not yield any changes

I have the bootstrap style in the css folder in the root folder. i also have a style.css file. i type things into it, and but it makes no changes on the website, like it isn't connected or something.

8 Answers

Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

i solved the problem)) edited the functions.php file

function theme_styles() { wp_enqueue_style('bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css'); wp_enqueue_style('override_css', get_template_directory_uri() . '/style.css'); } add_action('wp_enqueue_scripts', 'theme_styles' );'

i previously did not have the '/' in front of style.css. For some reason it only works with the slash in front...

Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points
Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

Hi!

Thank you for your reply. Here is the code

<head> <meta charset="utf-8">

<link href='http://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
<title>
    <?php wp_title('|', true, 'right'); ?> 
    <?php bloginfo ('name'); ?> </title>

</head>

I can see the file in the WP dashboard, and I can make changes to it, but the browser completely ignores them. The Bootstrap CSS, on the other hand, works. I used functions.php to "plug it in".

Pav Cieslak
Pav Cieslak
808 Points
Pav Cieslak
Pav Cieslak
808 Points

Dear Margarita,

what my sugestion would be, is to place both of those css files inside the same folder. (css) and in your

<link rel="stylesheet" href="css/bootstrap.min.css">

<link rel="stylesheet" href="css/style.css">

you can omit the first slash before css.

Let us know how did it go :)

Pav Cieslak
Pav Cieslak
808 Points

Sorry, deleted my previous post by accident :)

Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points
Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

when i remove the style.css file from the theme folder, WP gives an error.

Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points
Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

as far as i know, the style.css file has to be placed in the theme folder directly.

Pav Cieslak
Pav Cieslak
808 Points
Pav Cieslak
Pav Cieslak
808 Points

oh, great to hear the good news then :) im not much of a WP specialist but u have manged to figure it out yourself ! well done ! :)

sorry for missleading answer with that /

Keep up the good stuff ! :) and happy coding

Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points
Margarita Ignatyeva
Margarita Ignatyeva
2,694 Points

thank you for your help )))

it was because of your advice with the '/' that i thought it might actually have a bigger influence than i anticipated, and ive been wondering and trying to figure out what to do with that style.css for a couple of days now))

Pav Cieslak
Pav Cieslak
808 Points
Pav Cieslak
Pav Cieslak
808 Points

that's the magic or programming, u try to tick that box and make it work, and after a while. once u finally figured it our (especially yourself) that's the icing on the cake, u should be proud of yourself :)

^_^