[Problème] Joomla 4 : affichage en mode blog d'une catégorie : images à gauche

[krak69]

Bonjour,

j'essaie de faire un affichage en mode blog d'une catégorie d'article, avec la version 3.x, pour avoir une image à gauche, il suffisait de mettre l'image dans "images et liens" et de fixer la "position de l'image" sur "gauche" pour avoir ce que je désire (soit une petite imagette et le texte d'introduction à droite de l'image)

Sur Joomla 4, j'ai bien l'onglet "Images et liens", je peux bien mettre une image, mais impossible de la positionner à gauche ... il n'y a plus l'option "position de l'image".

J'ai bien tenté de mettre des classes telles que " image-alternate" / " image-left" / ... comme expliqué dans cet article :

https://www.joomanji.fr/joomla-4/templates/l-affichage-blog-sur-plusieurs-colonnes

- dans l'article, sous Image et liens
- dans le menu , "Affichage/blog" , comme le texte d'aide situé sous l'option "Classe d'article"

Mais sans succès , quelqu'un a une idée de

[Colnem30]

Salut

Pour faire ce genre de chose, dans "Images et lien", j'ajoute une classe à l'image du lien et je lui colle des propriétés css dans un fichier css du template (custom.css ou template.css).

[krak69]

Je vais tester de ce côté , merci pour l'info

[woluweb]

Voir dans https://magazine.joomla.org/all-issu...of-tips-tricks

4.4.4. Customizing the Blog View layout

et

4.4.5. Articles Images – Left, Center or Right

[krak69]

J'ai tenté quelques trucs, mais sans grande réussite. J'ai mis comme expliqué dans les paramètre des contenus une classe "image-left'" pour toutes les vues blog.

J'ai bien une image a gauche, mais contrairement a l'exemple, il me rest un espace de ± 200px a droite de l'image entre l'image et le texte ... d'un effet très moche




J'ai beau modifier supprimer le user.css et/ ou modifié les règles manuellement dans l'outils d'édition mais l'espace reste toujours ce ne serait donc pas une bêtise de ma part

Je suis passé en 4.1 , et le truc reste ... une idée d'ou ça vient ?

[woluweb]

un lien vers ton site ?

essaie déjà avec une image plus grande (je pense que c'est pcq l'image est trop étroite que tu as cet effet: l'idée est plutôt d'avoir 1/2 largeur d'image et 1/2 de texte.
Sinon il faut changer le "flex" (cherche "flex" sur le lien que j'ai mis et personnalise le pourcentage, par défaut à 40%)