modifier le widget externe

[Laférosse]

Bonjour, j'aimerai modifier le widget externe. Supprimer l'entête bleue (où il est noté "dernières discussions-Piddle".) Centrer les 15 derniers sujets défilants. (Je précise que si pour le moment le widget est élargi s'est en raison d'un code css que j'avais demandé afin de mettre mes images de la page d'accueil sur toute la largeur du bloc, je ne désire pas qu'on y touche.)

Je donne le code de mon widget externe :

Code:

<iframe frameborder="0" loading="lazy" style="width:100%;" height="240" src="https://piddle.forumactif.com/embed?h=192&nbt=15&d=8000&name=Derni%C3%A8res+discussions+-+Piddle" ></iframe>

Merci par avance.

[chattigre]

Bonjour,

Vous pouvez ajouter ceci au CSS de votre forum.

A noter que les modifications seront communes à tous les "Widgets externes" que vous pourrez générer. Il ne sera pas possible de cibler UN widget externe en particulier si vous en installez plusieurs à différents endroits...

Code:

body.external-module .box-head {
  display: none;
}

body.external-module .mod-recent-row {
  text-align: center;
}

Cela peut-il correspondre à votre demande ?

Cordialement

[Laférosse]

Merci beaucoup, c'est tout à fait ça. Il reste juste le cadre en gris (trait contour). Est-ce possible de le supprimer également svp ?

[chattigre]

Bonjour,

Remplacez le précédent code par le suivant :

Code:

body.external-module .box-head {
  display: none;
}

body.external-module .box-body {
  box-shadow: none;
}
 
body.external-module .mod-recent-row {
  text-align: center;
}

Est-ce mieux pour vous ?

Cordialement

[Laférosse]

Merci En fait, je viens de me rendre compte qu'il y a un trait gris qui sépare chaque sujet. Si c'est possible de tous les supprimer. Je ne voudrai pas abuser sinon le résultat est déjà très bien.

[chattigre]

Re,

Voici :

Code:

body.external-module .box-head {
  display: none;
}
 
body.external-module .box-body {
  box-shadow: none;
}
 
body.external-module .mod-recent-row {
  text-align: center;
}

body.external-module .mod-recent-row + .mod-recent-row {
  border: none !important;
}

Bonne journée

[Laférosse]

Merci, mais cela ne fonctionne pas, les traits de séparation gris sont toujours présents.

edit; j'avais mal posé le code. C'est tout bon. Merci beaucoup Chattigre. Bonne soirée.