Bonjour,
…encore des questions, désolé mais je découvre FLEXIcontent :dry:
J'ai pu remarquer que les règles CSS pour un template FLEXIcontent ne sont pas éditables à partir de l'onglet
edit files
Au moment de l'enregistrement on dirait que le fichier est nettoyé et les nouvelles règles sont effacées, par contre dans l'autre sens cela fonctionne, si j'édite directement le fichier
components\com_flexicontent\templates\'MON_TEMPLATE'\css\category.css les règles sont mantenues, est-ce normal? Faut-il activer une option afin que le fichier soit éditable à partir de l'onglet?
Autre chose qui me paraît étrange, comme se fait-il que pour deux mêmes éléments qui se trouvent au même niveau dans le DOM je dois augmenter le poids d'une des deux règles?
Avec un exemple ça sera plus clair.
La classe au complet pour le bloc/champ texte
Code:
.description.group .desc-content.flexi.value.field_text {
float: none;
}
La classe au complet pour le bloc/champ image
Code:
#cataloglist_item_0 .description.group .desc-content.flexi.value.field_image_chien {
padding: 0px 10px 5px 0px !important;
}
Les deux classes que je cible
Code:
.desc-content.flexi.value.field_text
et
Code:
.desc-content.flexi.value.field_image_chien
… sont au même niveau, mais la classe qui fait référence au champ image
(.desc-content.flexi.value.field_image_chien) doit être augmenté de poids dans l'arborescence du DOM, de plus je dois lui rajouter la propriété
!important… cela me semble étrange.
Dans ce cas n'est-il pas plus indiqué de placer les règles directement dans le fichier CSS du template?
C'est juste une constatation, je voulais avoir votre avis…
Merci