Home/ Questions/Q 269821
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T23:53:56+00:00

I installed the latest version of WordPress and added the WP-Syntax plugin (and also

  • 0

I installed the latest version of WordPress and added the WP-Syntax plugin (and also the Markdown Extra plugin, but I think it’s unrelated to this issue).

It works perfectly with both themes that ship with WordPress: looking good using WordPress Default 1.6 and looking equally good with the WordPress Classic 1.5 theme.

However it doesn’t work with the excellent LightWord theme, which I would like to use. The code box looks strange with the right border at the end of the actual code:

alt text

My thoughts:

I have tried investigating this with Firebug without any success. The CSS from the WP-Syntax plugin should be the same in all three theme cases. So the fact that it looks wierd with this theme has to do with some inherited CSS property from the LightWord theme.

This in turn probably means that the WP-Syntax plugin should reset something more for its CSS to work correctly.

Help!

Advanced CSS isn’t something I’m good at. But I would very much like to resolve this problem as soon as possible. I’m also curious from a technical view point what could be causing this behavior? I hope someone with good CSS skills will be able to help out!

We (you if you want to, me if you don’t feel like it) could then file a bug report in the appropriate place, to get these components working together.

To resolve this I understand you need more than screenshots. I have a link with the problem theme, which could be used to investigate further.

Web site where the problem may be experienced (Taken down as the problem is solved)

Edit: In response to a comment I’m also including a link to the working web site using the classic theme and the same plugin setup: Link to a working theme with these plugins (Taken down as the problem is solved)

Thank you for reading!

Summary of problems I’d like to solve:

  • What’s the best way to get rid of the right and bottom inner border in the code box? I first noticed the right border, but the bottom border is also an eye sore.
  • The code box right border isn’t visible. It’s due to .wp_syntax {width:100%;} and if I set it to 99% it’s visible again. Do you consider this to be a problem with the theme or the plugin?
  • Making changes in the theme (style.css) or the plugin (wp-syntax.css) would be preferred if that’s possible, so one of them could be standard. But which one? And how?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problems you are having are due to the stylesheets of WP-Syntax and LightWord interfering with each other. I don’t really think that the problems are with the theme or the plugin, they are just down to how the two interact with each other.

    To make all of the required changes, ideally you would edit styles in both wp-syntax.css and style.css. You can however cheat a little.

    In style.css add the following:

    .wp_syntax { width:auto; }

    .wp_syntax table { border:0 !important; }

    .wp_syntax table td { border:0 !important; }

    These changes should solve all of the problems, with the benefit of keeping all of the changes localised to a single file (style.css of the LightWood theme). The other tables in the example should all remain unchanged as well.

    • 0