Hugo ignores my bootstrap.css

Hello there, I put my themes bootstrap.css to mysite/static/css/ and changed it since I don’t want to mess with the original files. However, Hugo completely ignores all the changes I made there, am I missing something on config perhaps?

That’s hard to know without seeing some of your code. Where does Hugo load your CSS? If there is no style tag that links your stylesheet then Hugo ignores it with good reason :slight_smile:

Start at how Hugo is loading what, before assuming config issues imho. The browser console might tell you what file it tries to load if your file name is wrong.

Inspector says …/…/css/bootstrap.css

I’m simply trying to change:

img {
  -webkit-filter: contrast(800%);
     -moz-filter: contrast(1000%);
      -ms-filter: contrast(800%);
       -o-filter: contrast(800%);
          filter: contrast(1000%);
}

to:

img {
/*  -webkit-filter: contrast(800%);
     -moz-filter: contrast(1000%);
      -ms-filter: contrast(800%);
       -o-filter: contrast(800%);
          filter: contrast(1000%);*/
}

The theme I have comes with… Interesting preferences.

Can you explain that a little more, I’m quite new to this.

Sadly console doesn’t say anything :confused:

Please post a link to your repo. Without seeing the code it is all a guessing game.

  1. you should definitely NOT be using spaces or * in your content filenames
  2. because of the above, one cannot git clone your repo because it produces an error.

I downloaded the zip and ran the server, and I do see your changes to the css file being used.

So I dont’ know what isn’t working for you, cause it’s working for me.

1 Like

Interesting, I published the page and realized CSS did worked but when I run the page with “hugo server” it’s still broken.