Comment modifier la couleur background lors du survol d'un champ breezingForms ?

[Vinyl]

Hello,

Est ce que vous savez comment modifier le background jaune lors du survol des champs dans breezing form ?

Avec firebug, je vois ce code css inline :

element {
    background: none repeat scroll 0% 0% #FFC;
}

J’ai fait des recherches et sur les forums j’ai vu plusieurs solutions dont une qui parle d’un réglage dans l’onglet avancé du formulaire mais je ne vois pas cette option.

J’ai réussi à changer la couleur en faisant un override de

.bfQuickMode section.bfElemWrap {
background: none !important;
}

dans système.css dans components/com_breezingforms/themes/quickmode/

J’utilise la version light avec le mode quickmode.

Merci d’avance.

[toffffe]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Salut
Peux-tu donner un lien vers ton site ?
Tu dois avoir une couleur de background sur ton css.active ou un truc du genre

[Vinyl]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Hello,

Je ne pense pas que ce soit lié à mon template car je l’ai réalisé sur mesure avec Bootstrap et je n’ai pas ce code couleur. Il pourrait éventuellement venir de Bootstrap mais ça ne me dit rien.

J’ai testé sur un Joomla clean sans aucun module avec un Template natif et j’ai la même couleur de fond (voir capture écran).



Si on fait une recherche Google, je ne suis pas le seul à avoir ce problème :

https://crosstec.de/en/forums/3-breezingforms-for-joomla/9606-styling-roll-over-yellow-behind-bfquickmode-p-bfel.html

https://crosstec.de/en/forums/30-tips-tricks/93645-css-problem-solved.html

Mais les solutions ne correspondent pas à ce que j'ai.

Je peux toujours faire un override mais j'aimerais comprendre d'où vient cette couleur (ajouté en JS peut-être)

C’est sans doute lié au theme par défaut et quickmode ?

Tu ne l'as jamais vu ? Je débute avec BreezingForms, cela ne fait pas longtemps que je l’utilise.

[toffffe]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Le css est peut être dans le template de breezingforms

[Vinyl]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Salut toffffe,

Tu peux regarder le formulaire ici :

http://joomla-test.reflexion-graphic.com/index.php/breezingforms

C’est une installation de Joomla 3.3.6 avec seulement BreezingForms.

Le formulaire est créé avec quickmode.

Tu n’as jamais vu ce jaune lors du survol des champs ?

Comme je disais, je peux faire un override d’un fichier css (components/com_breezingforms/themes/quickmode/system.css) mais cela va sans doute sauter à la prochaine mise à jour car je ne pense pas pouvoir faire l’override dans le dossier html du template. Faut que je teste quand même.

Ça n'a pas l'air d’être dans un fichier de template car je n'ai rien trouvé dans default/theme.css

[jisse03]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Bonjour,

Ce n'est pas du CSS, mais du code inline (observer l'élément avec l'inspecteur de chrome ou Firebug)
Reste à trouver quel fichier possède ce code en dur.

[Vinyl]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Salut Jisse03,

Oui, c’est ce que j’ai dit plus haut, le CSS est inline. Il est même peut-être ajouté en JS. Mais j’ai fait une recherche du code couleur #FFC dans le dossier du composant et n’ai rien trouvé. Il est peut-être en hexadecimal.

Comme je disais, j’ai déjà réussi à modifier un fichier pour ne plus voir ce background. Mais je me demandais si vous aussi vous aviez cette couleur (qui est, on peut le dire, assez moche !). Dans un post sur le site de crosstec, on parle d’un réglage dans l’admin mais je ne l’ai pas trouvé.

Mais on n’a peut-être pas la même version ? J’utilise pour l’instant la version light / gratuite.

[ghazal]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Salut,
j'ai mis un peu de temps à trouver, mais désormais, et je ne changerai pas d'avis , coller ce type de spécification dans du JS, c'est nul.
Dans :
administrator/components/com_breezingforms/admin/quickmode.php +- ligne 145

rolloverColor : '#ffc',

[Vinyl]

Re : Comment modifier la couleur background lors du survol d'un champ breezingForms ?

Merci Ghazal !

J’avais fait une recherche mais pas dans administrator car je ne m’attendais pas à trouver ce code couleur ici.

Oui, bien d’accord avec toi, c’est vraiment une mauvaise idée de gérer ce point de design dans du JS.

Sur certain post, j’ai lu que cela pouvait être modifié dans l’admin dans l’onglet avancé mais je n’ai rien trouvé.

Je redonne aussi ma solution : éditer le fichier css :

components/com_breezingforms/themes/quickmode/system.css

.bfQuickMode section.bfElemWrap {
background: none !important;
}

Mais bon, c'est une solution mais ce n'est pas durable car en cela va sans doute sauter en cas de mise à jour.