# CSS Display doesn't work on server, but looks perfect on localhost

**URL:** <https://discourse.gohugo.io/t/css-display-doesnt-work-on-server-but-looks-perfect-on-localhost/45542>\
**Category:** support\
**Created:** [July 31, 2023, 2:38pm UTC](https://discourse.gohugo.io/t/css-display-doesnt-work-on-server-but-looks-perfect-on-localhost/45542 "2023-07-31T14:38:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![HuizhiXu](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/huizhixu/32/20008_2.png) [@HuizhiXu](https://discourse.gohugo.io/u/HuizhiXu)\
**Post date:** [July 31, 2023, 2:38pm UTC](https://discourse.gohugo.io/t/css-display-doesnt-work-on-server-but-looks-perfect-on-localhost/45542/1 "2023-07-31T14:38:27Z")

</div>

Hello,

Lately I’ve changed my theme from github-style to [blist](https://github.com/apvarun/blist-hugo-theme).

I have installed all the needed packages and run `hugo server -D,` it runs on localhost, it looks perfect.

 ![截屏2023-07-31 22.10.59](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/3/0/304c6de4b74ed45234b2c3b065a91a14615197f3.jpeg)

And then I run `hugo -D,` and push them to my repo. It looks strange on my server, like the css style files don’t wok anymore.

 ![截屏2023-07-31 22.11.13](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/4/9/49843cd9759e8d8fc24ef76928b3df4e92c9a2cc.jpeg)

I have read all the issues in the blist repo and tried all that, but didn’t make it.

I also read the relevant posts here, and tried and nothing changes.

I don’t know what to do now.

Does anyone know how to solve it? Many thanks!!!

The link to my git repo:

> **[GitHub - HuizhiXu/huizhixu.org](https://github.com/HuizhiXu/huizhixu.org)**
>
> Contribute to HuizhiXu/huizhixu.org development by creating an account on GitHub.

My hugo version is: hugo v0.115.4+extended darwin/arm64 BuildDate=unknown

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [July 31, 2023, 2:56pm UTC](https://discourse.gohugo.io/t/css-display-doesnt-work-on-server-but-looks-perfect-on-localhost/45542/2 "2023-07-31T14:56:15Z")

</div>

Visit your live site, and open the browser’s dev tools console:

![image](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/9/4/94d96f2e4867e5de89d0e109a3a992afc567ddf9.png)

---

<div class="post-metadata">

**Author:** ![HuizhiXu](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/huizhixu/32/20008_2.png) [@HuizhiXu](https://discourse.gohugo.io/u/HuizhiXu)\
**Post date:** [August 1, 2023, 5:31am UTC](https://discourse.gohugo.io/t/css-display-doesnt-work-on-server-but-looks-perfect-on-localhost/45542/3 "2023-08-01T05:31:06Z")

</div>

Thanks for your quick reply! 🥰

Fix it:

1. replace `integrity="{{ $stylesheet.Data.Integrity }}"` with `integrity=""` in hugoblog/themes/blist/layouts/partials/head.html
2. copy hugoblog/themes/blist/layouts/ to hugoblog/
3. it worked!