Hauteur de box

melkaya Messages postés 1 Date d'inscription Statut Membre Dernière intervention -
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
Set-top box - Accueil - Box & Connexion Internet
Adresse ip box - Guide
Tera box - Télécharger - Stockage
Box internet - Accueil - Guide box et connexion Internet
Hauteur de ligne excel 1 cm - Forum Excel

1 réponse

Réponse 1 / 1

Utilisateur anonyme

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

Avoir la télé sans box internet - avec la prise RJ45

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

Seule le voyant d'alimentation de mon box plus de sfr s'allume

camping car

Plus aucuns voyant a part le voyant Power sur ma neufbox

Votre réponse

Discussions similaires