Hello Wouter,

I recommend never touch any of the css files in the template css folder.
You can activate a custom.css file.
I have described how to do it here: https://www.joomla51.com/forum/j51-skylar-main-menu-push-to-leftside#reply-43463

I think in Nina its only the heading 4 (H4) that has this gradient colors, right?

The css for the H4 looks like this:

h4 {

  display: inline-block;

  font-size: 1.2rem;

  letter-spacing: .5px;

  line-height: 1.6em;

  color: var(--h4-color);

  background: linear-gradient(to left, var(--primary), var(--secondary));

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  text-shadow: 0 0 2px rgba(0,0,0,0.1);

}

I would change it like this:

h4 {

  background: none;

  -webkit-background-clip: inherit;

  -webkit-text-fill-color: inherit;

  text-shadow: none; 

  }

and write this to the your custom.css.

Hope this helps.

Regards
Oliver

Hello Wouter,
it would be helpful to get the URL to your site to see how it behaves.
Oliver

Hello Oliver,
Thanks for the advise and explanations. It helps a bit. With the custom css code that you propose, the h4 text turns black. That is not what I want: I like the #ffaa00 color that comes with the template but without thee fade into darker tones. Do you have a solution for that?
Kind regards, Wouter