Hauteur de box

Signaler
Messages postés
1
Date d'inscription
jeudi 19 mars 2020
Statut
Membre
Dernière intervention
19 mars 2020
-
Aftermath16
Messages postés
104
Date d'inscription
lundi 16 mars 2020
Statut
Membre
Dernière intervention
6 avril 2020
-
Bonjour,

Je suis complètement nulle en html et j'ai besoin d'aide.

Je viens d'ajouter un widget elementor pour ajouter une box sur mon site.
J'ai ajouté une ligne "Formulaire d'inscription" dans la partie grise, mais du coup la partie bleue est plus petite. Comment faire pour que la hauteur soit la même :


Voici le code HTML que j'ai :

<div class="_blox_simple_event_box">
<div class="_blox_event_box" style="">
<div class="_blox_image_box" style="background:{{bg}};">
<div class="heading">{{title|raw}}
<span class="sub-heading">{{description|raw}}</span>
<span class="sub-heading">{{link}}</span>
</div>
</div>

<div class="_blox_content_box" style="background:{{date_bg}};">
<div class="heading">
<div class="heading">
<span class="date" style="padding-bottom:10px;display:block;">{{date_number|raw}}</span>
<span class="month">{{date_month|raw}}</span>
</div>
</div>
</div>
</div>


Merci d'avance pour votre aide
Belle journée

1 réponse

Messages postés
104
Date d'inscription
lundi 16 mars 2020
Statut
Membre
Dernière intervention
6 avril 2020
9
Bonjour,
Un widget Elementor ? Votre site est sous WordPress ?

La hauteur se défini dans la partie CSS.
Il aurait fallu avoir dans la partie php, une "class" identique au deux éléments, je pense.

Juste un exemple

<div class="_blox_simple_event_box">
<div class="event_box" style="">
<div class="_blox_image_box" style="background:{{bg}};">
<div class="heading">{{title|raw}}
<span class="sub-heading">{{description|raw}}</span>
<span class="sub-heading">{{link}}</span>
</div>
</div>
</div>


<div class="_blox_content_box" style="background:{{date_bg}};">
<div class="event_box" style="">
<div class="heading">
<span class="date" style="padding-bottom:10px;display:block;">{{date_number|raw}}</span>
<span class="month">{{date_month|raw}}</span>
</div>
</div>
</div>
</div>


Dans la partie CSS
.event_box{height: 80px;}



https://developer.mozilla.org/fr/docs/Web/CSS/height