Custom .css file doesn't work with Thymeleaf & Spring MVC

Question

So, I've spent like last hour trying to solve it, but I just can't get custom .css file to get linked with html files in Spring 5. I'm using Thymeleaf, Bootstrap & jQuery for frontend works. I'm using Intellij Community Edition.

My files hierarchy looks like this:

java
    project_files
resources
    static
        css
          main.css
    templates
        main.html

I have a line in main.html:

<link rel="stylesheet" type="text/css" th:href="@{/css/main.css}" href="../../css/main.css"/>

that should link my styles with the .html file. What can be wrong?

"What may be wrong?" -- about half a million things "may be wrong". Do you want a list of all of them? I don't think so. Edit your question and post your complete current code snippet there at the bottom by clicking the "JavaScript/HTML/CSS snippet" icon i.e. post the HTML output for the entire page including css links. — WebDevBooster
– WebDevBooster, Commented Feb 8, 2018 at 14:26
Possible duplicate of how add css and js to spring boot application? — riddle_me_this
– riddle_me_this, Commented Feb 8, 2018 at 14:44
Look in your DevToools Network tab what URL is requested, it will be relative to the URL of the page requesting it and is not dependent on the location of your templates — rioV8
– rioV8, Commented Sep 1, 2018 at 5:10

Mahozad · Accepted Answer · 2018-08-08 09:29:29Z

6

Try changing a little bit your folder structure, create a folder under resources called static, and a folder called css under static and place the css files there, something like:

🗁 resources
└─── 🗁 static
    └─── 🗁 css
        └─── main.css

Then you should be able to access it by using:

 <link rel="stylesheet" type="text/css" th:href="@{/css/main.css}"/>

edited Aug 8, 2018 at 9:29

Mahozad

26.4k19 gold badges163 silver badges200 bronze badges

answered Feb 8, 2018 at 14:44

juanlumn

7,3032 gold badges34 silver badges42 bronze badges

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

3 Comments

Nasta Over a year ago

I do it, but give warnmessage and page is not changed by css file. message: o.s.web.servlet.PageNotFound : No mapping for GET /css/style.css

Nasta Over a year ago

I add that: <link rel="stylesheet" type="text/css" th:href="@{/css/style.css}"/>

juanlumn Over a year ago

@Nasta please open a question in order to providde enough information about what is happening

Collectives™ on Stack Overflow

Custom .css file doesn't work with Thymeleaf & Spring MVC

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related