Title: Eelementor Code Highlighter doesn’t display correctly Last modified: August 1, 2021 --- # Eelementor Code Highlighter doesn’t display correctly * Resolved [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/) * (@readonecc) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/) * First Question: I tried to add this code to elementor code highlighter: * ``` ``` * The code displayed normally while editing and in preview mode. But after it being published the code displays in front end like this only: `/print.css" />` * This is the screenshot on preview mode: [https://drive.google.com/file/d/1teMYSdKZ23RIPZcQMP9BKX7wo2Jpx0IF/view?usp=sharing](https://drive.google.com/file/d/1teMYSdKZ23RIPZcQMP9BKX7wo2Jpx0IF/view?usp=sharing) * This is the screenshot from front end: [https://drive.google.com/file/d/1Goru50ibALYG5yw0trZX0TP9knaRqonA/view?usp=sharing](https://drive.google.com/file/d/1Goru50ibALYG5yw0trZX0TP9knaRqonA/view?usp=sharing) * Second Question: Codes are displayed colorfully in preview mode, but they are displayed only in one color in front end. * Preview Mode: [https://drive.google.com/file/d/1Vitq3AwTsZ4Hu2m2mQCNRFRecCH-hqUG/view?usp=sharing](https://drive.google.com/file/d/1Vitq3AwTsZ4Hu2m2mQCNRFRecCH-hqUG/view?usp=sharing) * Front end: [https://drive.google.com/file/d/1MNg9H7eczcoTwbHxS2tcV72sdeY19vmr/view?usp=sharing](https://drive.google.com/file/d/1MNg9H7eczcoTwbHxS2tcV72sdeY19vmr/view?usp=sharing) * I tried to display same code using another theme like twenty twenty one and the codes are diplayed correctly and colorfully, I found this error only in OceanWP for now. Viewing 7 replies - 1 through 7 (of 7 total) * [Abhishek](https://wordpress.org/support/users/abhikr781/) * (@abhikr781) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14723853) * Hello, * Kindly share the exact page URL where you facing the issue, I’ll try to inspect and try to give you the solution accordingly. * Thread Starter [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/) * (@readonecc) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14723923) * [https://www.zaad.my.id/mempercantik-layout-print-dan-pdf-website/](https://www.zaad.my.id/mempercantik-layout-print-dan-pdf-website/) * this is the URL I wrote down the code twice because of this error, one uses the code from classic editor. and the other uses elementor. * I am also facing the problem with any other tag like this your code The tag displayed normally in front end but when I try to edit the post the tag suddenly gone. - This reply was modified 4 years, 10 months ago by [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/). * [glorialfoster](https://wordpress.org/support/users/glorialfoster/) * (@glorialfoster) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14724631) * How to get rid of a CLICK ME showing in my menu that is not a menu item? * Also, does anyone know how to change the grey background on the non-active items in the Woocommerce cart and checkout pages? - This reply was modified 4 years, 10 months ago by [glorialfoster](https://wordpress.org/support/users/glorialfoster/). * Thread Starter [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/) * (@readonecc) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14732429) * [@abhikr781](https://wordpress.org/support/users/abhikr781/) Any update for this problem? - This reply was modified 4 years, 10 months ago by [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/). * [Abhishek](https://wordpress.org/support/users/abhikr781/) * (@abhikr781) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14745625) * Hello, * It seems the plugin conflict issue. Kindly switch to the parent theme, try to disable all the nonocean plugins except elementor, and check if it is working or facing the same issue. If working well, enable the one-by-one plugin, and refresh the page after enabling each plugin, to check the conflict issue. * Go to Theme Panel > Scripts & styles, make sure to enable all the files, and click on the save button a couple of times, and check. * Thread Starter [Mohammad Ridwanullah](https://wordpress.org/support/users/readonecc/) * (@readonecc) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14748816) * Hi, thank you for your assistance. The problem now solved, Lite Speed Caching plugin causes the problem, CSS Inline Combine and JS Inlice Combine are causing this problem. * [Abhishek](https://wordpress.org/support/users/abhikr781/) * (@abhikr781) * [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14754059) * Glad to hear that issue has been fixed. Viewing 7 replies - 1 through 7 (of 7 total) The topic ‘Eelementor Code Highlighter doesn’t display correctly’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png) * OceanWP * [Support Threads](https://wordpress.org/support/theme/oceanwp/) * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/) * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/) * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/) * 7 replies * 3 participants * Last reply from: [Abhishek](https://wordpress.org/support/users/abhikr781/) * Last activity: [4 years, 10 months ago](https://wordpress.org/support/topic/eelementor-code-highlighter-doesnt-display-correctly/#post-14754059) * Status: resolved