marge header

[madox10]

Bonjour .apres moult recherches sur un probleme sans succes .j'ai fini par decouvrir cet espace d'echange .J'espere etre au bon endroit pour soumettre un probleme auquel je suis confronté sur joomla .
en effet je travaille sur un site avec l'editeur Joomla 3.8.8
j'ai introduit au niveau du header une image pour embellir le site .malheureusement bien que l'image soit bien inseree mais je me retrouve avec ce que je peux appeller des marges haut et bas sur le header voir images jointes (marges illustrees avec des fleches bleues ) .
je souhaiterai avoir quelques indications pour supprimer ou reduire au maximum les marges .
merci d'avance

[fabrice4821]

Bonjour,

Quel module utilises-tu pour afficher ce header ?
Un lien permettrait une réponse, si cela provient de ton CSS.

[pmleconte]

bonjour,

Difficile de vous aider à partir d'une image. Afin de vous aider, il faut au minimum le template utilisé, mieux l'adresse du site internet sur lequel vous avez constaté le problème.

Pascal

PS: nous sommes actuellement en Joomla version 3.8.11 et, semaine prochaine, en 3.8.12. Pensez à mettre à jour.

[madox10]

Bonjour
Desole pour le retard dans ma reponse et merci pour les vos indications
j'utilise le module denomme Module : Contenu personnalise
quand au template il s'agit de Saffron
Oui pascal je songera a la mise a jour vers la nouvelle version de joomla .

cdlmt

[lomart]

Bonsoir,

L'idéal est l'url !

Comment gérez-vous votre image en responsive ?

Vous indiquez un problème à une taille d'écran donnée, mais comment réagit-elle sur tablette ou smartphone ?

[madox10]

Bonjour
l'url du site est www.rcisenegal.com

cdlmt

[fabrice4821]

Bonjour,

A la ligne 8778 du ton fichier templates/saffron/styles/valencia/css/theme.css tu as deux lignes :
margin-top: 30px;
margin-bottom: 30px;

Supprime les.

[madox10]

Bonjour Fabrice
j'ai supprimé ces 2 lignes
margin-top: 30px;
margin-bottom: 30px;

mais rien n'y fait les marges haut et bas du header sont toujours presentes .

cdlmt

[lomart]

Bonjour

En plus des margin:30px, il faut ajouter les règles suivantes:

.tm-headerbar p {
margin: 0;
}
.tm-header-top {
height: 210px;
}

Je persiste à dire que le template n'est pas génial au niveau responsive. Les blocs ne passent pas l'un en dessous de l'autre, un ascenseur horizontal, ...

[madox10]

Bonjour fabrice4821 en fait je viens de reexecuter tes indications sur la suppression des ligne margin ensuite j'ai ouvert le site avec un autre navigateur
a ma grande suprise la marge superieure (celle d'en haut ) a disparu .c'est super .
il ne me reste plus que la marge inferieure celle qui est en bas et pourtant j'ai bel et bien supprime les 2 margin-top: 30px; et
margin-bottom: 30px; .
avez vous une idee de ce qui reste a faire pour en finir avec la marge inferieure.
cdlmt
aussi j'ai applique la solution de lomart mais sans succes
cdlmt

[lomart]

aussi j'ai applique la solution de lomart mais sans succes

Et pourtant elle marche !

[madox10]

Re bonjour Lomart
voila en bleu ( ta suggestion ) les lignes que j'ai introduites
en marron les codes trouves sur place


.tm-headerbar {

margin: 0;
}
.tm-header-top {
height: 210px;
}

min-height: 99px;
}

est ce bien ainsi que devrait etre le codage ?

cdlmt

[lomart]

Il faut ajouter mon code à la fin du fichier CSS de personnalisation /templates/saffron/css/custom.css

Ce n'est jamais une bonne idée de modifier le code existant !

[madox10]

Malheureusement
j'ai applique le code sur templates/saffron/css/custom.css
mais sans succes .
Cela ne marge toujours pas la marge inferieure est encore presente malgre le fait que j'ai ouvert le site un 3eme naviagteur different des autres .
cdlmt

[lomart]

Le code n'est pas en place sur le site www.rcisenegal.com
En simulant avec un inspecteur de code, j'ai ceci

https://screenshots.firefox.com/7iTdv7pJwUjknBlD/www.rcisenegal.com