It seems like you would need to apply that style to some given element in your page, and then use the inspector to see what is really applied to that element.
Within the inspector, I would suggest to do the following:
- Use the select element icon in the top left of the Developers tool > Element pane to select the element you want to inspect
- This should now show the html of this element in the main window
- Now focus your attention on the bottom half, and locate the Computed pane there, and look for the attribute you’re trying to change
- It’ll show all targets related to that given attribute, alongside which selector has been used to set that target
This window will show where your styling is in the rank, and if it doesn’t show here at all then your CSS snippet isn’t enabled (or correct for that element).
A last tip, and that is to try to set either the color
or the background-color
from your selector. These are often not set with a high selector value, so I tend to use them to verify that my CSS selectors are correct, before I continue doing the actual styling that I really want.
PS! I moved this thread to Custom CSS & Theme Design