Problème d'affichage "Code" Wordpress"

Bonjour,

Le titre n'est pas très explicite, car c'est un peu dificile à expliqué.
Le site est en cours de réalisation, donc pas possible de donner une URL

Je suis un novice en Wordpress, mais je connais bien en générale les CMS.

J'utilise le plugin CodeColorer, pour mettre en couleur les codes Bash, php ect..
Seulement lors de l'affichage j'ai une ligne en plus qui s'affiche comme le montre ce screen

<div class="codecolorer-container bash vibrant" style="overflow:auto;white-space:nowrap;width:650px;">
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="line-numbers">
<div>1<br /></div></td><td><div class="bash codecolorer"><span class="kw2">apt-get install</span> nginx</div>
</td>
</tr></tbody>
</table>
</div>

http://pix.toile-libre.org/upload/original/1397410732.jpg

Et cela est dû au bout de CSS suivant (ligne margin)

/* Table */
#content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em; <--- ligne coupable
	width: 100%;
}

Pour eviter de toucher au fichier CSS du thème, et comme il est recommandé, j'utilise un thème enfant avec comme code ce qui suit:

/*
Theme Name: simple-catch Child
Description: Modifie l'erreur d'affichage des block de code
Author: dz
Template: simple-catch
*/

@import url("../simple-catch/style.css");

#codecolorer-container  #content table {
	border-bottom: 1px solid #ddd;
	width: 100%;
}

Mais pas de changement.

Auriez vous une idée ??

Merci
Modifié par Dznet (13 Apr 2014 - 19:50)

Bonsoir,

.codecolorer-container table {
  border-bottom : 1px solid #ddd;
  margin : 0;
  width : 100%;
}

?

Hello 6l20

Non cela ne fonctionne pas

Ce qui fonctionne est :

 #content table {
	border-bottom: 1px solid #ddd;
	margin : 0;
	width: 100%;
}

Le problème c'est que cela modifie tous les table de la zone #content,
Ce que je veux c'est uniquement du bock codecolorer-container

Je suppose qu'il y a un conteneur, portant l'identifiant content, plus haut dans ton HTML, et d'après le correctif que tu tentes de placer dans le thème enfant, il se trouverait dans un conteneur portant l'identifiant codecolorer-contenair, c'est le cas ?

Dans le code HTML que tu fournis, il n'apparaissent pas, et il ne s'agit pas de l'identifiant codecolorer-contenair, mais d'une classe, difficile de cibler efficacement le tableau en question sans la totalité des codes.
Après, il peut s'agir d'une règle ayant plus de poids (thème parent prioritaire ?), position de la dernière déclaration ?
Toujours d'après le code en présence, tu peux éventuellement tenter :

.codecolorer-container table {
  margin : 0 !important;
} 

Mais encore une fois, ce serait plus simple d'avoir accès à l'ensemble du code, et mieux de voir la page en ligne