Conteneur d'élément Max Width et Max Height Controls

Container Extras est une extension gratuite de Master Addons qui ajoute quatre commandes de taille aux conteneurs, sections et colonnes Elementor : Max Width, Max Height, Min Width et Min Height L'élémentor donne déjà un conteneur Width, Content Width et Min Height, mais pas de largeur ou de hauteur maximale pour l'élément lui-même Utilisez-le pour coiffer une large section à 1400 px, empêcher une colonne de rétrécir en dessous d'une largeur définie ou empêcher un panneau de devenir plus haut que l'écran Les quatre commandes sont réactives.

Conteneur Extras réglage de largeur max sur un conteneur Elementor

Comment définir une largeur maximale sur un conteneur d'élément

Vous avez besoin d'Elementor et du plugin gratuit Master Addons.

  1. Vérifiez que Container Extras est activé sous Additions principales, extensions.
  2. Dans l'éditeur Elementor, sélectionnez le conteneur, la section ou la colonne.
  3. Ouvrir le Avancé onglet et extension Conteneur Extra.
  4. Définissez la largeur maximale, la hauteur maximale, la largeur minimale ou la hauteur minimale et choisissez l'unité.
  5. Passez à la vue tablette et mobile et ajustez les valeurs si nécessaire.
  6. Prévisualisez la page à quelques largeurs d'écran.
Rubrique Container Extra dans l'onglet Elementor Advanced

Largeur et hauteur max et min sur n'importe quel conteneur

Ouvrez un conteneur, une section ou une colonne, allez au Avancé onglet et extension Conteneur Extra. Largeur maximale et largeur minimale prendre px, em, % ou vw. Hauteur maximale et hauteur minimale prendre px, em, % ou vh. Les valeurs s'appliquent à l'élément lui-même et peuvent différer sur le bureau, la tablette et le mobile.

  • Capuchon une section pleine largeur à une largeur définie, telle que 1400 px, tandis que la page reste plus large.
  • Donnez à une colonne une largeur minimale afin qu'elle ne se serre pas trop étroitement dans une rangée.
  • Définissez la hauteur maximale avec le débordement d'Elementor défini sur Auto pour un panneau défilant.

Paramètres du conteneur d'élément vs extras de conteneur

Elementor couvre la plupart des tailles par lui-même Voici ce que chacun offre.

RéglageConteneur d'élémentExtras de conteneurs
Largeur du contenu interneOui, la largeur du contenu en boîte avec une valeur de largeurNon
Hauteur minimaleOuiOui
Max Largeur de l'élémentNon, a besoin de CSS personnaliséOui
Hauteur maximale de l'élémentNon, a besoin de CSS personnaliséOui
Min Largeur de l'élémentNon, a besoin de CSS personnaliséOui
Fonctionne sur les sections et colonnes héritéesDifférents contrôles par élémentMêmes quatre contrôles
CoûtGratuitGratuit

Si vous avez Elementor Pro, sa boîte CSS personnalisée peut faire de même avec une ligne de CSS. Extensions associées : Lien d'emballage et Points d'arrêt personnalisés.

Visionneuse de modèles
Facebook
Twitter
WhatsApp
Copier le lien
Acheter Maintenant
Démo d'extras de conteneurs
Démo d'extras de conteneurs

Questions Fréquemment Posées Pour Les Extras de Conteneurs

Découvrez les requêtes les plus demandées par les utilisateurs sur les extras de conteneurs et trouvez des réponses en un seul endroit.
Les Extras de Conteneurs sont-ils gratuits ?

Oui. Container Extras fait partie du plugin gratuit Master Addons et fonctionne sur les conteneurs, les sections et colonnes existantes. Il modifie uniquement l'élément sur lequel vous le définissez, afin que la largeur globale de votre conteneur et les autres sections restent les mêmes.

Utilisez Min Height lorsqu'une section ne doit jamais être plus courte qu'une taille définie, comme un héros ou une bande colorée avec peu de contenu Utilisez Max Height lorsqu'une section ne doit jamais être plus grande qu'une taille définie. Associez Max Height au paramètre Overflow d'Elementor sur le conteneur, défini sur Auto, si le contenu doit défiler à l'intérieur.

Le dépassement de la largeur du conteneur rendra-t-il mon design insensible ou se brisera-t-il sur mobile ?

Pas si vous définissez des valeurs réactives Les quatre commandes ont des valeurs distinctes de bureau, de tablette et de mobile Une largeur maximale px ou une largeur minimale fixe peut déborder d'un petit écran, alors utilisez % ou vw sur mobile, ou effacez la valeur là-bas.

Un conteneur pleine largeur s'étire jusqu'aux bords de son parent Les extras de conteneur permettent à ce même conteneur de s'arrêter à une largeur maximale, telle que 1400 px, il est donc plus large que votre contenu en boîte mais pas bord à bord La propre hauteur Min d'Elementor fonctionne de la même manière.

Widgets et extensions d'éléments tendance

Construisez des sites Web sophistiqués en moins de temps.

Master Addons Extension de glassmorphisme pour Elementor : cartes en verre dépoli avec le contrôle Blur Value réglé sur 20px

Glassmorphisme

Accueil Extension de glassmorphisme des éléments libres : l'effet du verre givré en un seul bascule Le glassmorphisme est givré...
Voir Détails
Extension de modèles Master Addons pour Elementor : héros avec le style Purple Gradient Grid Left, trois autres styles de modèles et le panneau Enable Pattern

Modèles

Accueil 70+ Motifs d'arrière-plan d'élément libre Patterns est une extension gratuite Master Addons qui ajoute...
Voir Détails
Modules principaux Extension de duplicateur de messages/pages pour le lien de ligne Elementor : MA Duplicator dans la liste des pages WordPress créant une ébauche de page de destination - [Dupliqué n° 128]

Duplicateur de messages/pages

Accueil Dupliquer les pages et les messages des éléments en un clic Le duplicateur de messages/pages est un maître gratuit...
Voir Détails
Modules principaux Lire l'extension de la barre de progression pour Elementor : barre bleue remplie à 42 % en haut d'une page de politique de confidentialité, avec les paramètres d'activation, de position, de hauteur et de couleur de remplissage

Barre de progression de lecture

Accueil Ajouter une barre de progression de lecture dans WordPress (Elementor) La barre de progression de lecture est gratuite...
Voir Détails
Modules principaux L'extension de quel élément pour Elementor : widget de membre de l'équipe couvert dans l'éditeur intitulé Modules principaux pour Elementor (membre de l'équipe)

Quel élément

Accueil Identifiez n'importe quel widget d'élément sur Hover, quel élément est une extension gratuite de Master Addons...
Voir Détails