I am using a plugin on a wordpress site which operates in light/dark mode where I can set the colours manually. However the headers are automatically inheriting the theme colours.

I have tried inspecting the code on the grid to try and isolate the class and create a custom CSS code to remove the inherit property.

The code that the issue exists in is

```
.tg-barking-mouse a:not([class*="tg-element-"]), 
.tg-barking-mouse a:not([class*="tg-element-"]):active, 
.tg-barking-mouse a:not([class*="tg-element-"]):focus, 
.tg-barking-mouse [class*="tg-element-"] *:not(del) {}

```

Within this bracket, the margin, padding, color etc exist. When I remove color it does exactly what I would like it to. 

However when I paste the same code listed above in CSS and write color:none within the bracket, it doesn't seem to add to the element and overwrite the current color settings. 

I believe there is a simple solution which will allow me to isolate the correct element but I'm not too sure what I'm missing.