[RÉGLÉ] Modifier la taille de l'image de contact

[belilan]

Bonjour,
J'ai crée des listes de contacts, et chaque contact a sa photo.
Or elle est trop grande.
Est-il possible de pouvoir redimensionner cette image dans joomla, ou d'avoir une taille par défaut pour les contacts?
J'ai bien trouvé le moyen de le faire pour les photos des articles, mais pas des contacts.

Merci.

[PATSXM971]

Re : Image de contact

Bonjour,

eh non, il vous faut utiliser un logiciel images et envoyer les photos aux dimensions désirées
sinon, vous pouvez redimensionner l'image via le css, en lui modifiant

.contact-image img {
height: 80px; /*par exemple*/
}

dans templates/votre_template/css/default.css
ou
vous collez ces lignes dans votre fichier css principal.

[belilan]

Re : Image de contact

Si je mets une valeur à height, il ajustera la largeur lui même en gardant les proportions?

[PATSXM971]

Re : Image de contact

Si je mets une valeur à height, il ajustera la largeur lui même en gardant les proportions?

essayez, vous verrez...

[belilan]

Re : Image de contact

Je n'arrive pas à trouver "default.css" dans le dossier css.

[SimonG]

Re : Image de contact

Bonjour,

Je n'arrive pas à trouver "default.css" dans le dossier css.

quel template utilises tu ?

[belilan]

Re : Image de contact

Diametric de rocket theme.
Et je crois que "contact" est un composant.
C'est peut-être pour cela?

[PATSXM971]

Re : Image de contact

J'avais précisé ceci

dans templates/votre_template/css/default.css
ou
vous collez ces lignes dans votre fichier css principal.

[belilan]

Re : Image de contact

J'avais précisé ceci

En fait, je ne sais pas quel est le fichier css principal

[PATSXM971]

Re : Image de contact

Je vous explique....
l'image du composant contact dépend d'une classe qui est class="contact-image"
déjà intégrée dans l'écriture du composant
si vous ajoutez ces lignes dans n'importe quel fichier css, cela sera pris en compte et n'aura de l'effet QUE sur les images de cette classe

.contact-image img {
height: 80px; /*par exemple*/
}

vous pouvez supprimer /*parexemple*/ qui de toutes les façons ne s'affichera pas, même si vous le laissez.

Vous pouvez modifier également la hauteur (80) en plus ou en moins

[PATSXM971]

Re : Image de contact

En fait, je ne sais pas quel est le fichier css principal

pas desouci!

dans templates/votre_template/css/votre_fichier_principal.css
.

en gros, celui qui se termine par .css, du genre, peut-être, template.css

quand vous vous rendez à cette adresse, qu'avez-vous dans le dossier css ?

[belilan]

Re : Image de contact

En fait, il y en a beaucoup.
j'ai fait une capture pour que vous voyez.

pas desouci!


en gros, celui qui se termine par .css, du genre, peut-être, template.css

quand vous vous rendez à cette adresse, qu'avez-vous dans le dossier css ?

[PATSXM971]

Re : Image de contact

mettez dans celui que vous voulez....

allez nous dirons template.css

Dans le fichier css que vous choisirez, vous ferez toutes vos modifications ainsi, ce sera plus simple à trouver par la suite

[belilan]

Re : Image de contact

Magnifique!!! Ca marche. Merci beaucoup.

Tant que j'y suis, si ce n'est pas abuser, est-il possible de positionner l'image à coté comme dans cette image prise sur un site fait en joomla


au lieu de au dessus comme le mien



Et également, est-il possible d'enlever ce mot "contact" que j'ai entouré en blanc.

[lomart]

Re : Image de contact

En fait, il y en a beaucoup.
j'ai fait une capture pour que vous voyez.

Attention, j'ai l'impression qu'il y a une fusion des css à l'utilisation.
Il faut la désactiver dans le template

Ensuite, le fichier a utiliser est le dernier déclaré dans le head de la page.
Vous faites un "afficher la source" et chercher le dernier fichier css du dossier templates/votretemplate/css