Hauteur de box

Fermé

melkaya Messages postés 1 Date d'inscription jeudi 19 mars 2020 Statut Membre Dernière intervention 19 mars 2020 - 19 mars 2020 à 12:38
Utilisateur anonyme - 20 mars 2020 à 15:48

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

A voir également:

Hauteur de box
Adresse ip box - Guide
Tera box - Télécharger - Stockage
Up to box - Guide
Mycanal box africa ✓ - Forum Box et Streaming vidéo
Light in the box problème ✓ - Forum Consommation & Internet

1 réponse

Réponse 1 / 1

Utilisateur anonyme
20 mars 2020 à 15:48

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

Discussions similaires

Dimensions L x l x H : comment lire ces infos ?

camping car

Arnaque du site light in the box

Problèmes avec Lightinthebox

Excel: hauteur lignes en cm ?

Discussions similaires

Newsletters