Lines are to high

[SKB-CGN]

Describe the bug Lines are to high with Colibri Theme

WordPress Editing Mode Which WordPress editing mode you're using ?

• Gutenberg

Frontend or Backend Issue

Does the issues occurs on your frontend or on the backend (WordPress admin area) Frontend

To Reproduce ?

Expected behavior Normal line numbers

Screenshots

[AndiDittrich]

some css rules of your theme are overriding the EnlighterJS styles - use the element inspector of chrome/firefox to identify the weak rulesets and remove them from your theme

[SKB-CGN]

Now the lines are a little bit smaller, but till very big.

This is the only thing i found. The high is reduced from 63px to 43px.

[AndiDittrich]

take a look into all elements within enlighter-default

[SKB-CGN]

Where i am able to do that and perhaps "how"?

[AndiDittrich]

within element inspector, check each element within the .enlighter-default wrapper

[SKB-CGN]

Only that one is using the class

[AndiDittrich]

shure, expand the element and inspect all child elements

[SKB-CGN]

There are no other classes used.

[AndiDittrich]

the elements are matched by other selectors, they didn't require a own "class" attribute. by clicking on these element you will see that there a a lot of styles added...

[SKB-CGN]

Sure, i inspected them.

If i deactivate this one marked in red, the line is "almost" ok.

[AndiDittrich]

please provide a link to your page and i'll take a short look into it

[SKB-CGN]

One second. As i am testing the Plugin for further use - it is not fully implemented. I will provide you one.

[SKB-CGN]

Have a look here: https://www.kreyenborg.koeln/test-enlighter/

[AndiDittrich]

the Enlighter plugin is not working (other issue) because your using some kind of "optimization" plugin which adds defer to the script tag. see https://github.com/EnlighterJS/documentation/blob/master/wordpress/FAQ.md#javascript-error-enlighterjs-resources-not-loaded-yet for details.

it's also possible to enable the "single file mode" see Enlighter -> options -> resources -> Initialization

[SKB-CGN]

I added the Plugin to exclusion. In Edge its displaying nearly ok - but Firefox still has the high lines. Would you please have a look again?

[AndiDittrich]

it's an issue with your theme (the css rule display:table for all pseudo elements looks very weak...) :

[SKB-CGN]

Thanks for having a look again. I will check with the theme.

[SKB-CGN]

Thanks for pointing me to the right level .... I never looked into pseudo-elements :D If you want, you can test the page again. It should look like it should before, right? ;)

[SKB-CGN]

A small additional question here. If i go to the page via my mobile phone in horizontal-mode, the code is not in a scroll-able area. Its not scroll-able right nor left.

If i switch my phone to landscape, the code even wraps inside the area.

Is this related to the theme or to the Plugin?