extra_css doesn't seem to work

[pajaro1966]

I'm trying to change the h5 styles of my site.

(i) I've created a extra.css file:

(ii) Then I've added the needed code to my MkDocs.yml

(iii) I've deleted the cache memory of my browser.

However, the style of my h5 remain the same:

I've read all the threads about this issue that I could, but I must be missing something important.
I would appreciate any help.

Best regards,

Antonio

[kamilkrzyskow]

Hello @pajaro1966,
the issue is Specificity, the Material theme defines a stronger CSS selector and your extra css is too weak to override it. Best to check in the browser tools what the issue is.

.md-typeset h5 {
  text-transform: lowercase;
  color: red;
}

css_firefox_YXCH9V7TDa.mp4

[pajaro1966]

Thank you so much for your fast and clear answer. That was it. Sorry for such a basic question, but my area of expertise is Greek (ancient and modern): my technical knowledge is limited and I always forget such basic issues. I’m using material mkdocs to provide my students with my lessons’ notes and other grammatical knowledge. Sorry for wasting your time. I do really appreciate your help.

Antonio

[alexvoss]

It is a while ago now but I used to teach software engineering and was creating my lecture material using Material for MkDocs. Hats off for doing this with Greek!

[kamilkrzyskow]

Don't feel bad for asking basic questions, you asked a very specific question and provided proper screenshots and other explanation on what you expect to happen, the video took 1 minute to make (+ 5 minutes more to cut the size below 10MB for GitHub 😅), so it really wasn't a waste of time ✌️

In general it's recommended to create a minimal reproduction to help with removing user error, but the size of the problem didn't really require that, as it was easy to check with what was provided on the screenshots 😃