search

Automattic / syntaxhighlighter

WordPress plugin that makes it easy to post syntax-highlighted code snippets.
https://alex.blog/wordpress-plugins/syntaxhighlighter/
239 stars 78 forks source link

div for syntaxhighligther is larger than it should be #243

Open SuperBoss9 opened 2 years ago

SuperBoss9 commented 2 years ago

The problem is in this tag:

Exactly in syntaxhighlighter style because it defines "width: 100% !important;" of this div. As a result I get the div area and the padding exactly to the page size. That is not good because all other elements has normal padding and have some space between the right edge of the page and themself. ![Screenshot 2022-06-10 221203](https://user-images.githubusercontent.com/53711021/173134422-af599bc7-66a7-484c-b956-5c0c58171f14.jpg) The problem can be solved if change width: 100% to auto. But the tag !important is not allowing to do this. I also can't ovveride it with other CSS (including the style that can be added at the settings page) because CSS for syntaxhiglighter is enabled via JS and at the same late time. What shall I do with this?