Исправить проблему CSS с темой Wordpress и плагином для подсветки синтаксиса

Question

Я установил последнюю версию Wordpress и добавил плагин WP-Syntax (а также плагин Markdown Extra , но я думаю, что он не связан с этой проблемой).

Отлично работает с обеими темами, которые поставляются с Wordpress: хорошо выглядит при использовании WordPress Default 1.6 и одинаково хорошо выглядит с темой WordPress Classic 1.5 .

Однако он не работает с превосходной темой LightWord , которую я хотел бы использовать. Кодовое поле выглядит странно с правой границей в конце текущего кода:

Мои мысли:

Я пытался расследовать это с Firebug, но безуспешно. CSS из плагина WP-Syntax должен быть одинаковым во всех трех тематических случаях. Поэтому тот факт, что эта тема выглядит странно, связан с некоторым унаследованным свойством CSS из темы LightWord.

Это, в свою очередь, означает, что плагин WP-Syntax должен сбросить что-то большее, чтобы его CSS работал правильно.

Помогите!

Продвинутый CSS - это не то, что я умею делать. Но я бы очень хотел решить эту проблему как можно скорее. Мне также любопытно с технической точки зрения, что может быть причиной такого поведения? Я надеюсь, что кто-то с хорошими навыками CSS сможет помочь!

Мы (вы, если хотите, я, если вам так не хочется) могли бы подать отчет об ошибке в соответствующем месте, чтобы эти компоненты работали вместе.

Чтобы решить эту проблему, я понимаю, вам нужно больше, чем скриншоты. У меня есть ссылка на тему проблемы, которую можно использовать для дальнейшего изучения.

Веб-сайт, на котором может возникнуть проблема (снят по мере устранения проблемы)

Редактировать: В ответ на комментарий я также включаю ссылку на работающий веб-сайт, используя классическую тему и ту же настройку плагина: Ссылка на рабочую тему с этими плагинами (снят по мере решения проблемы)

Спасибо за чтение!

Краткое описание проблем, которые я хотел бы решить:

• Какой лучший способ избавиться от правой и нижней внутренней границы в окне кода? Сначала я заметил правую границу, но нижняя граница также вызывает воспаление глаз.
• Правая граница поля кода не видна. Это связано с .wp_syntax {width:100%;}, и если я установлю его на 99%, он снова будет виден. Считаете ли вы это проблемой с темой или плагином?
• При внесении изменений в тему (style.css) или плагин (wp-syntax.css) предпочтителен, если это возможно, поэтому один из них может быть стандартным. Но какой? И как?

Answer 1

Проблемы, с которыми вы сталкиваетесь, связаны с тем, что таблицы стилей WP-Syntax и LightWord мешают друг другу. Я не думаю, что проблемы связаны с темой или плагином, они просто связаны с тем, как они взаимодействуют друг с другом.

Чтобы внести все необходимые изменения, в идеале вы должны редактировать стили как в wp-syntax.css , так и в style.css . Однако вы можете немного обмануть.

В style.css добавить следующее:

<code>.wp_syntax { width:auto; }</p>

<p>.wp_syntax table { border:0 !important; }</p>

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

Эти изменения должны решить все проблемы, при этом все изменения должны быть локализованы в одном файле (style.css темы LightWood). Все остальные таблицы в этом примере также должны остаться неизменными.