Dissocier l'éditeur de message de celui des réponses rapide

[Daewyn]

Bonjour, bonsoir.

Je suis actuellement en train de régler l'apparence de l'éditeur de message sur mon forum (jusque là pas de problème, j'arrive à lui donner l'apparence que je veux sans soucis). Le véritable hic c'est que j'aimerais donner une apparence différente à l'éditeur de message des réponses rapide - rien de bien transcendant, juste la hauteur/largeur et quelques autres détails, mais quand même. J'ai essayé d'englober la réponse rapide dans une div via le template afin ensuite de le régler par css de cette façon :

Code:

.nomdeladiv .sceditor-container { mise en forme }

Mais ça n'a pas marché. Idem pour d'autres solutions du genre "td.row2 .sceditor-container" , "#quick-reply .sceditor-container" (j'essaie un peu tout et n'importe quoi en m'aidant du code source, de toute façon ça n'a aucun effet).

J'aimerais donc savoir de quelle façon dissocier les deux éditeurs afin de leur donner une mise en forme différente ?? (si c'est possible bien sûr, mais étant donné que c'est le cas sur ce forum -même si je n'ai pas compris comment- je suppose que ça ne doit pas être infaisable non plus x) ). Je précise que je suis bien allée voir le tuto expliquant comment modifier l'apparence de l'éditeur (puisque je m'en suis servie pour l'éditeur "normal") mais qu'il n'y avait rien de tel expliqué dessus >< (le bloc "Modifier la réponse rapide" est trompeur et s'applique en réalité aux deux éditeurs).

Merci d'avance.

[Self]

Bonjour,

Vous avez la solution avec : "#quick-reply .sceditor-container", sauf que ce n'est pas un tiret mais un underscore a #quick_reply me semble-t-il .

[Daewyn]

Une petite erreur de ma part dans le message, c'est bien ainsi que je l'avais testé dans le css ^^ Et ça ne marche pas donc ><

[Self]

Pourriez-vous nous donner le CSS lié à vos éditeur s'il vous plait ?

[Daewyn]

Le voici (je n'ai plus les tests associés à la réponse rapide par contre, vu qu'ils ne marchaient pas).

Code:

/*** EDITEUR DE TEXTE ***/
.sceditor-container {
  width: 580px !important;
  height: 375px !important;
  margin-bottom: -15px !important;
  background-color: rgba(255, 255, 255, 0.5) !important;
  border: 1px solid #C9C9C9 !important; }

.sceditor-toolbar {
  background-color: rgba(255, 255, 255, 0) !important;
  border-bottom: 1px solid #C9C9C9 !important;
  text-align: center; }

.sceditor-group {
  border: 1px solid #C9C9C9 !important; }

.sceditor-grip {
  background-image: none !important;
  cursor: default !important; }

[Self]

Ici on a dans le bloc .sceditor-container :

Code:

width: 580px !important;
height: 375px !important;

il faut donc après dans le style appliqué à #quick_reply .sceditor-container (à placer après le bloc CSS .sceditor-container) mettre aussi les !important :

Code:

#quick_reply .sceditor-container{
    width: 380px !important;
    height: 210px !important;
}

[Daewyn]

Hum, normalement je l'avais fait aussi vu que sans ça l'éditeur ne se modifie pas mais bon >_o Je vais réessayer ^^

EDIT : ça.... marche ? Je comprends vraiment pas pour le coup vu que c'est exactement ce que j'avais déjà essayé précédemment >< Enfin je vais pas non plus m'en plaindre, merci beaucoup du coup de pouce ^^ Je met en résolu