Styling MathJax

Question

I\'m so confused about this. I\'ve searched for tutorials but can\'t find any that make much sense to me, how do I set a CSS class for MathJax output? I just want to make

Answer 1

Update:

As I have learned now, do not use CSS to style TeX in mathjax, it could lead to display problems. See here: https://github.com/mathjax/MathJax/issues/925

Solution is to use Javascript with the Config block:

---

Obsolete:

I am loading MathJax dynamically with JQuery's getScript(), only in case there are $$ on the page. In this case the solution above does not work.

The workaround is to set the CSS after the loading took place:

$(".MathJax").css("font-size","150%");

Instead of the font size in % you can also use px or em.

If this does not work, use !important for your CSS styles. For instance:

.MathJax, .MathJax_Display  {
    text-align: left !important;
    font-size: 130%  !important;
}