En fait, non ça ne fonctionne pas forcement et d'ailleurs je ne sais pas si je dois écrire par exemple:

#subcontent #stuffs_block_2 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

ou

#stuffs_block_2 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

ou

 .thumbnailCategory .description h3 {
    font-size: 80%!important;
    line-height: 12px!important;
}

à chaque fois, cela ne fonctionne pas! :o(

Pourtant ça semble marcher...

voila! ça fonctionne... j'ai néanmoins beaucoup appris mais j'ai aussi appris que j'y connais rien et que je suis loin du compte!
Merci à tous pour votre patience et votre aide!

alors avec firebug

voici le nom du fichier qu'il me donne :

http://www.capture-the-world.com/plugin … css?v2.2.3

à la ligne 34  de ce fichier

tu vas trouver :

.personal_block {
  padding: 15px;
}


remplace par :

.personal_block {
  padding: 0px;
}

et la ca supprime la marge de tes vignettes de droite
mais aussi le titre de ton album  ( pas catastrophique)

cordialement

C'est normal, dans un cas tu modifies une règle existante.
Dans l'autre, tu rajoutes une règle qui ne sera pas prioritaire.

Les principes sont toujours les mêmes :
- si une règle a un "!important" elle a priorité
- la règle la plus détaillée a priorité
- en cas d'égalité, c'est en fonction du fichier, et le stripped-rules.css sera prioritaire.

Dans ton cas, tu as dans theme.css une règle :

 #subcontent .stuffs_block .middle_block

Et tu crées une règle :

#stuffs_block_2 .middle_block

Ta règle est donc logiquement ignorée.
Il faut mettre par exemple :

 #subcontent #stuffs_block2 .middle_block

Avec un truc du style : padding: 10px 0px.

Il faut voir aussi que quand tu modifies le padding dans firebug, les autres blocs sont aussi impactés, et donc la largeur totale de ton bloc #stuffs_block_2 est différente.
(donc l'effet du padding est différent)

Il faut chercher avec firebug... avec l'onglet apparence qui donne les marges, et en passant sa souris sur le code, les boites sont visualisées en live.

flop25 a écrit:

oui le souci majeur c'est le code généré par pwg stuff qui est juste immonde
on a une succession de ul juste pour un li chacun ... Loic c'est quoi le code dans le bloc ? c'est un bloc perso ?
Sinon avec #stuffs_block_2 il ne devrait pas y avoir de problème comme l'a dit Zaphod

A chaque fois qu'un élément dont tu fixes la dimension ne la prend pas, il faut regarder si cela ne vient pas des boites incluses dans la boite en question.

ce que veux dire Zaphod, c'est qu'il y a tellement d'empilement ul li a div div etc qu'il suffit qu'un seul ait une dimensions trop grande pour que le reste suive

Il doit donc y avoir de la factorisation à faire, voir meme des lignes à enlever.

J'ai juste rassemblé deux lignes et miracle! les titres sont maintenant bien centrés!
Il ne me reste plus qu'à diminuer la marge à gauche

#stuffs_block_2 .thumbnailCategory .illustration img {
  width:120px;
  margin-left: 1px;
}

#stuffs_block_2 .thumbnailCategory .illustration {
  width:124px;
  height:80px;
  margin:3px 0 0;
}

#stuffs_block_2 ul.thumbnailCategories li {
  height: 110px;
  width:124px!important;
}

#stuffs_block_2 .thumbnailCategory .illustration a {
  height:80px;
  width:124px;!important;
}