Callout Box

Ce que fait cette section

Highlighted info, warning or tip box

Où elle se place

• Utilisable autant de fois que vous le souhaitez sur une page.
• Cette section est incluse dans toutes les formules — aucun plugin requis.

Styles

Différentes apparences pour la même section. Vous pouvez changer de style plus tard ; votre contenu est conservé.

Les 2 premiers styles de chaque section sont ouverts sur toutes les boutiques. Les suivants se débloquent avec le plugin Éditeur de pages, tous en même temps.

• Info

  Gratuitinfo

  Informational callout

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Warning

  Gratuitwarning

  Warning callout

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Success

  Éditeur de pagessuccess

  Success / tip callout

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Tip

  Éditeur de pagestip

  Helpful tip callout

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Quote

  Éditeur de pagesquote

  Highlighted blockquote

  Propres à ce style: content, attribution, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Icon Left Bar

  Éditeur de pagesicon-left-bar

  Accent bar + icon gutter, text fills the rest

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

• Boxed Title

  Éditeur de pagesboxed-title

  Framed box with a bold title row above the body

  Propres à ce style: title, content, icon, accentColor, calloutBg, calloutBgOpacity, calloutBgBlur, textColor, bodyTextColor, paddingY

Réglages

Les champs affichés dans le panneau Réglages de section, à droite, lorsque cette section est sélectionnée.

Communs à tous les styles

• bg
• contentMaxWidth
• sectionMaxWidth
• horizontalPadding
• verticalPadding
• verticalAlignment
• horizontalAlignment
• horizontalMargin
• verticalMargin
• spacingOverrides
• animationType
• animationDuration
• animationDelay
• animationEasing
• animationStagger
• animationRepeat
• animationParallax
• imageParallax
• animationScrollEffect
• height