Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Colors from CSS, grey symbols #1169
I am trying to change the color of the equations to red using CSS. However, I get this:
Some symbols are red, and the others are grey. If I don't change the color at all, then the red symbols above are black, and the others are grey. What causes the grey symbols?
My html reads:
My css reads:
Also, if i use the selector .ascii-math instead, then neither font-size or color is affected. Any ideas?
The image above is from Chrome. Firefox gives the same result. The MathJax is loaded from the CDN. Here is my configuration script (remark_files/mathjax-config.js):
These are in my html-head:
I cannot reproduce the result. Your examples work properly for me in Chrome and Firefox.
I suspect that there is additional CSS on the page that is interfering. For example, if you have CSS for
Without an actual example page that illustrates the problem, it is difficult to investigate the issue. Can you provide an example on jsbin or one of the other code sharing platforms?
Right. I had a .css file from the Python Pygments library, where the css wasn't localized very well. Fixed that, and now the equations get colored correctly! Thanks for pointing to the right direction. I still have the second problem that if I replace the .MathJax class specifier with the .ascii-math specifier, then the colors and size are not affected. Any ideas on that?
to get the output inside the container with class