Ajouter une marge au-dessus d'une image

WordPress :6.0
Statut : résolu

Ce sujet contient 2 réponses, 2 participants et a été mis à jour pour la dernière fois par laurentsc, le il y a 2 années et 8 mois.

3 sujets de 1 à 3 (sur un total de 3)

Auteur

Messages
30 octobre 2022 à 11 h 41 min #2427723
laurentsc
Participant

Chevalier WordPress
367 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL : 8/8
- Thème utilisé : OceanWP
- Extensions en place :
- Nom de l’hébergeur : en local…
- Adresse du site :
Problème(s) rencontré(s) : Je compte faire ce qui est dit dans le titre de cette discussion.

Code html :
```
<div id="image-chasseur-guepes"><img src="http://dev.arnaud.fr/wp-content/uploads/2022/10/Illustration-2-272x300.png" alt="logo-élimination des guêpes" width="272" height="300" class="alignnone size-medium wp-image-49" /></div>
```
CSS additionnel :
```
#image-chasseur-guepes{
	height:500px;
	margin-top:50px;
}
```
Ca ne rajoute aucune marge. Comment faire, SVP ?
31 octobre 2022 à 11 h 21 min #2427887

momofr@free.fr
Modérateur

Maître WordPress
7834 contributions

Salut, c’est certainement une règle parente de la tienne qui prend le dessus sur la tienne car elle est chargée après ta règle.

Où as-tu saisis cette règle ?

Normalement avec OceanWP on utilise le constructeur de page Elementor et il est très simple d’ajouter une marge avec le widget image.

Pour terminer si tu veux rendre ton réglage effectif il faut le « forcer » avec la règle !important.

31 octobre 2022 à 18 h 54 min #2427957
laurentsc
Participant

Chevalier WordPress
367 contributions
Merci pour ta réponse. Je n’ai pas encore regardé Elementor. Il faudrait que je m’y intéresse…

La règle CSS, je l’ai saisie dans le CSS additionnel.

Le fait de rajouter !important marche bien…Pour plutôt faire une marge interne, j’ai remplacé margin par padding :
```
#image-chasseur-guepes{
	height:500px!important;
	padding-top:50px!important;
}
```
Auteur

Messages