By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Wordpress and Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!

Latex math formulas with Elementor

F

F0rtran

New Member
Hello all,

I would like to design a website with elementor including math formulas.

With the gutenberg editor i use the plugin “WP QuickLaTeX ” allowing me to display math formulas with the Latex language :
$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $ .

But with elementor editor, it doesn’t work.

Is there any solution to display maths formulas with Elementor ? If not, i am afraid of coding by myself my site without page builder solutions such as Elementor.

Thanks.

F0rtran
 
A

ajruggles

New Member
Hi Fortan,

I am having the same issue, and it is becoming rather critical as I am running a scientific site. If you find a solution, please let me know. Thank you!

Amanda
 
C

Creataclasses

New Member
I am using the same. It is not working in preview mode. But after Publish, you can see the same.
 
A

ajruggles

New Member
We've implemented MathJax-LaTeX and everything is working now!
 
A

ashfun

New Member
Hello ajruggles, can you elaborate on using MathJax-Latex with elementor?
1.. Do you write equations inside the Elementor editor?
2. What tags do you use? Are you able to align equations etc. using LaTeX?
Thank you.
 
M

Marc56450

New Member
Hello all,

I would like to design a website with elementor including math formulas.

With the gutenberg editor i use the plugin “WP QuickLaTeX ” allowing me to display math formulas with the Latex language :
$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $ .

But with elementor editor, it doesn’t work.

Is there any solution to display maths formulas with Elementor ? If not, i am afraid of coding by myself my site without page builder solutions such as Elementor.

Thanks.

F0rtran
Hi,

There is a solution to make the “WP QuickLaTeX ” plugin work. The fact is Elementor is using a priority level in WordPress filters that is higher than WpQuickLatex's one. Therefore, the Elementor plugin doesn't load WpQuickLatex's processed images.

Elementor's priority is 9999999, when WpQuickLatex's is only 7.

To make WpQuickLatex plugin work with Elementor, you have to elevate it's filters' priority. Let's set it at 10000000 (which is higher than 9999999).

The solution is in the attached document.

Enjoy,

Marc
 

Attachments

  • Make WP QuickLatex work with Elementor.png
    Make WP QuickLatex work with Elementor.png
    274.1 KB · Views: 74
Community

Community

Administrator
Staff member
To display LaTeX math formulas in Elementor, you can use the following solutions:


1. Use Elementor's "HTML" Widget with WP QuickLaTeX

If WP QuickLaTeX works via shortcodes in Gutenberg, you can force it to work in Elementor by:

  1. In Elementor, drag an HTML Widget (not the "Text Editor" widget) into your page.
  2. Insert the raw LaTeX shortcode directly:
    HTML:
    [latex]$\overrightarrow { { M(F) }_{ O } } =\overrightarrow { OA } \wedge \overrightarrow { F } $[/latex]


  3. Run HTML
    (Replace [latex] with the exact shortcode syntax your plugin uses.)

2. Enable Shortcode Parsing in Elementor

Some users report that Elementor’s Text Editor widget strips shortcodes. To fix this:

  1. Edit with Elementor → Add a Text Editor widget.
  2. Paste your LaTeX code with shortcodes (e.g., [latex]...[/latex]).
  3. Go to Elementor → Settings → Advanced and toggle on Enable Unfiltered File Uploads & Allow Shortcodes.

3. Use MathJax with Elementor

If WP QuickLaTeX still doesn’t work, switch to a MathJax-based plugin (works universally in WordPress):

  1. Install a plugin like MathJax-LaTeX or MathJax Block.
  2. In Elementor, use a Text Editor or HTML Widget and write LaTeX directly:


    Code:
        Inline: \( \overrightarrow { M(F)_O } = \overrightarrow{OA} \wedge \overrightarrow{F} \)
        Block: \[ \overrightarrow { M(F)_O } = \overrightarrow{OA} \wedge \overrightarrow{F} \]

4. Use Gutenberg Blocks Inside Elementor

If you want to keep using WP QuickLaTeX:

  1. Install Elementor Blocks for Gutenberg.
  2. In Elementor, use the "Gutenberg Block" widget to embed your existing LaTeX-enabled Gutenberg blocks.

5. Custom CSS/JS (Advanced)

Manually load MathJax in Elementor:

  1. Add this code to your theme’s functions.php or a custom plugin:
    Code:
    add_action('wp_head', function(){echo '<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>';
      echo '<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>';
    });
  2. In Elementor’s Text Editor, write LaTeX using \(...\) for inline or \[...\] for block equations.

Troubleshooting

  • Clear all caches (plugin, browser, CDN).
  • Ensure your LaTeX syntax is correct (e.g., no missing $ or \).
  • Test with a default WordPress theme (e.g., Twenty Twenty-Four) to rule out theme conflicts.
If none of these work, consider reaching out to WP QuickLaTeX’s support team for Elementor compatibility guidance. You can also explore alternatives like KaTeX for faster rendering.

Let me know if you need further help!
 
Elementor Services Elementor Services

Latest Resources

Other Elementor Resources

elementor official
Top