Eelementor Code Highlighter doesn’t display correctly

Resolved Mohammad Ridwanullah
(@readonecc)

1 year, 10 months ago
First Question: I tried to add this code to elementor code highlighter:
```
<link rel="stylesheet" type="text/css" media="print"
href="<?php bloginfo('stylesheet_directory'); ?>/print.css" />
```
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

This is the screenshot from front end:
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

Front end:
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
(@abhikr781)

1 year, 10 months ago

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
(@readonecc)

1 year, 10 months ago
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
<head> your code </head>
The tag displayed normally in front end but when I try to edit the post the tag suddenly gone.
- This reply was modified 1 year, 10 months ago by Mohammad Ridwanullah.
glorialfoster
(@glorialfoster)

1 year, 10 months ago
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 1 year, 10 months ago by glorialfoster.
Thread Starter Mohammad Ridwanullah
(@readonecc)

1 year, 10 months ago
@abhikr781
Any update for this problem?
- This reply was modified 1 year, 10 months ago by Mohammad Ridwanullah.
Abhishek
(@abhikr781)

1 year, 10 months ago

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
(@readonecc)

1 year, 10 months ago

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
(@abhikr781)

1 year, 10 months ago

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.

Views