# Hugo theme not displayed properly

**URL:** <https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716>\
**Category:** Using Themes\
**Created:** [September 14, 2021, 3:05pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716 "2021-09-14T15:05:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marc-Antoine\_SEGUI](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/marc-antoine_segui/32/15192_2.png) [@Marc-Antoine\_SEGUI](https://discourse.gohugo.io/u/Marc-Antoine_SEGUI)\
**Post date:** [September 14, 2021, 3:05pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/1 "2021-09-14T15:05:27Z")

</div>

Hi there, I am encountering problems to display properly the website with the theme ive clone on github. (some pics are cutted off, the style is missing etc…)

Im using this [theme](https://github.com/netlify-templates/kaldi-hugo-cms-template), and this is what I have tried so far:

1. create a new repos in my terminal
2. typing “hugo new myWebsite” command in the repos folder
3. cloning the theme in my theme folder
4. adding the theme name in config.toml file

Do you guys have an idea about what I should do next or if I missed a step ? 🤔

This is my localhost:1313

 ![Screenshot 2021-09-14 at 17.03.28](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/2X/2/2769ed4de0a8d06f66b788f4d4846fde450278f6.png)

This is what I am supposed to have:

[https://master-template-one-click-hugo-cms.netlify.app/](https://master-template-one-click-hugo-cms.netlify.app/)

Any help would be much appreciated!

---

<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:** [September 14, 2021, 3:20pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/2 "2021-09-14T15:20:44Z")

</div>

Open your browser’s dev tools and examine the 404 errors.

---

<div class="post-metadata">

**Author:** ![Marc-Antoine\_SEGUI](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/marc-antoine_segui/32/15192_2.png) [@Marc-Antoine\_SEGUI](https://discourse.gohugo.io/u/Marc-Antoine_SEGUI)\
**Post date:** [September 14, 2021, 3:39pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/3 "2021-09-14T15:39:44Z")

</div>

thank you, I got indeed the following 404 errors.

- The resource from “[http://localhost:1313/app.js”](http://localhost:1313/app.js%E2%80%9D) was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff).

- The resource from “[http://localhost:1313/app.js”](http://localhost:1313/app.js%E2%80%9D) was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff).

it seems that the browser hasnt access to the file app.js but the file is there.

---

<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:** [September 14, 2021, 3:42pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/4 "2021-09-14T15:42:24Z")

</div>

Share your code. See:  
[https://discourse.gohugo.io/t/requesting-help/9132](https://discourse.gohugo.io/t/requesting-help/9132)

> Let us see your code
> 
> Include a **link to the source code repository** of your project, because we really need the _context_ of seeing your templates and partials to be able to help you. It is trivial to do a quick `git clone` on your repo, then run `hugo server` in your project, to help you out. On the other hand, recreating your code from screenshots, or sort of guessing at it, is not.
> 
> If you can’t share your repository for whatever reason, consider creating a dummy repo that you _can_ share, which reproduces the problem you’re experiencing.

---

<div class="post-metadata">

**Author:** ![chrillek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/chrillek/32/19797_2.png) [@chrillek](https://discourse.gohugo.io/u/chrillek)\
**Post date:** [September 15, 2021, 8:20am UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/5 "2021-09-15T08:20:04Z")

</div>

This has been discussed before:

> [@MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff)](https://discourse.gohugo.io/t/mime-type-text-plain-mismatch-x-content-type-options-nosniff/22238):
>
> Hey there, would anybody to able to resolve this issue: “The resource from “[http://localhost:1313/plugins/easing.min.js”](http://localhost:1313/plugins/easing.min.js) was blocked due to MIME type (“text/plain”) mismatch (X-Content-Type-Options: nosniff).”

2nd hit in a google search with the error message

---

<div class="post-metadata">

**Author:** ![Marc-Antoine\_SEGUI](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/marc-antoine_segui/32/15192_2.png) [@Marc-Antoine\_SEGUI](https://discourse.gohugo.io/u/Marc-Antoine_SEGUI)\
**Post date:** [September 19, 2021, 7:07pm UTC](https://discourse.gohugo.io/t/hugo-theme-not-displayed-properly/34716/6 "2021-09-19T19:07:19Z")

</div>

sorry for the late reply and thanks for your answers, I finally took another theme and followed these steps

- hugo new site myWebsite
- cd themes
- git clone theme
- copied all the content of “ExempleSite” and replaced in root folder of the repos
- runned hugo server and it worked !