[RÉGLÉ] Classe css de l'image logo ?

[ManuelVoileux]

Bonjour tout le monde,
je post un samedi, mais rien d'urgent.
j'utilise un plugin qui permet de "lazy loader" les images. Je voudrais indiquer de ne pas le faire pour l'image logo. Je cherche la classe css de l'image logo. Lorsque j'affiche la source de ma page d'accueil je récupère le code :

<div class="navbar-brand">
                    <a class="brand-logo" href="/">
                        <img src="/images/headers/header2022-50.jpg#joomlaImage://local-images/headers/header2022-50.jpg?width=1050&amp;height=190" alt="Voileux.org" loading="lazy"></a>
                        <div class="site-description">les voileux associ&eacute;s naviguent sur Electron libre, Creach, Catalisa, Papy Bruno</div>
</div>

J'ai cherché la classe brand-logo dans les différents fichiers css du template cassiopeia, et je ne l'ai pas trouvé.
Est ce que brand-logo est bien la classe de cette image ?
Merci pour votre aide

site joomla 423, php 8

[RobertG]

Bonjour,

Le rôle des extensions de ce type est de ne pas charger les images tant que le défilement des pages ne les fait pas apparaître, ce qui veut dire qu'à moins que le logo soit sous une partie de texte le masquant à la première ouverture de la page, il ne doit pas être concerné et doit être affiché d'emblée.

[lefabdu51]

la tu as un truc courant dans les templates fournis avec joomla. Protostar, comme cassiopeia, dispose de classes css implémentées dans le code html, mais non dans la css. Ces classes sont la pour faciliter la personnalisation du template. cela évites d avoir à faire des surcharges pour créer tes classes personnelles dans le code HTML.

C'est la bonne classe, et si tu ne la trouves pas c'est que ces valeurs sont issues de l'élement parent et donc ont les valeurs par défaut.
Pour utiliser cette classe, tu n'as qu'a mettre les valeurs que tu veux directement dans le fichier user.css de cassiopeia

Dans le fichier user.css, tu devrais mettre
a.brand-logo { mespropriétés;} car c'est le lien qui définit ton image. si tu vise l'image via a.brand-logo img {mespropriétés;} ton image ne sera plus une image cliquable. Le lien sera reduit et en dessous de l'image.

Conclusion:
si tu vois une classe dans le code HTML, met la directement dans le fichier user.css. si du code css existe, celui de user.css prendras le dessus car ce fichier est chargé en dernier, si elle n'existe pas, alors les définitions que tu y mettras seront utilisées.

[ManuelVoileux]

Merci lefabdu51. ça marche.