Comment styliser des éléments individuels dans InstantSite

Veuillez noter : Ce guide concerne l'ancien InstantSite acheté avant le 18 août 2020. Si vous avez notre nouvel InstantSite veuillez consulter les guides spécifiques pour notre nouveau builder trouvé ici.

Chaque élément d'InstantSite peut être personnalisé pour répondre à vos besoins. Ce guide est conçu pour montrer aux clients de LCN InstantSite comment styliser des éléments individuels.

Commençons…

Texte, Galerie, Formulaire, Carte, Vidéo intégrée, Séparateur

Arrière-plan

Tous les sites Web n'ont pas de fond blanc. Le contexte L'option vous permet de changer la couleur d'arrière-plan d'un élément ou même d'ajouter une image en arrière-plan.

Cliquez sur l'élément que vous souhaitez modifier.
Cliquez sur Paramètres icône.
Cliquez sur Arrière-plan .
Pour changer la couleur de fond ;
- Cliquez sur la couleur options
- Choisissez une couleur prédéfinie sur la gauche ou choisissez une couleur personnalisée à l'aide de l'outil de sélection de couleur.

Pour ajouter une image de fond ;
- Cliquez sur Choisir une image
- Choisissez une image dans Mes images , Images modèles ou images InstantSite gratuites . Si vous ne trouvez pas une image que vous aimez, téléchargez simplement la vôtre en cliquant sur Télécharger l'image et en choisissant une image sur votre ordinateur.
- Une fois que vous avez sélectionné votre image, cliquez sur Confirmer .

Alignement

L'alignement facilite le style de votre élément. Vous pouvez choisir d'aligner votre élément à gauche, au centre ou à droite.

Cliquez sur l'élément que vous souhaitez modifier.
Cliquez sur Paramètres icône.
Cliquez sur Alignement .
Choisissez soit Aligner à gauche , Aligner au centre ou Aligner à droite .

Remplissage

Le rembourrage vous permet de générer de l'espace autour de votre contenu (à l'intérieur de votre bordure). Cela vous permet de positionner un élément et son contenu exactement là où vous le souhaitez.

Cliquez sur l'élément que vous souhaitez modifier.
Cliquez sur Paramètres icône.
Cliquez sur Remplissage .
Vous pouvez ajouter un rembourrage individuel en haut, en bas, à gauche et à droite d'un élément ; en cliquant sur le côté que vous souhaitez modifier et en utilisant le curseur pour augmenter et diminuer le rembourrage.
Vous pouvez ajouter du rembourrage sur tous les côtés à la fois ; en cliquant au centre de l'option de rembourrage et en utilisant le curseur pour augmenter et diminuer le rembourrage.

Veuillez noter Vous pouvez choisir d'appliquer votre rembourrage en px (pixels) ou en % (pourcentage). Nous vous recommandons d'utiliser un pourcentage lors de l'application du rembourrage, car cela permettra au rembourrage de changer en fonction de la largeur de l'appareil.

Bordure

L'option de bordure vous permet d'ajouter et de modifier la largeur d'une bordure. Il vous permet également d'arrondir les bords de vos bordures en utilisant le rayon de la bordure.

Cliquez sur l'élément que vous souhaitez modifier.
Cliquez sur Paramètres icône.
Cliquez sur Bordure .
Vous pouvez ajouter une bordure individuelle en haut, en bas, à gauche et à droite d'un élément ; en cliquant sur le côté que vous souhaitez modifier, puis en sélectionnant le style, la largeur et la couleur de la bordure.
Vous pouvez également ajouter des bordures sur tous les côtés à la fois ; en cliquant sur le centre de l'option de bordure, puis en sélectionnant le style, la largeur et la couleur des bordures.

Image, Bouton, Icône

Lien

Les liens peuvent être utilisés pour accéder à d'autres contenus sur votre site Web ou pour créer un lien vers une autre page ou un autre article sur un autre site Web.

Cliquez sur l'élément que vous souhaitez modifier.
Cliquez sur Paramètres icône.
Cliquez sur Lien .
Pour créer un lien vers un site Web externe, cliquez sur Externe puis entrez l'URL de la page vers laquelle vous souhaitez créer un lien dans l'URL champ.
Pour créer un lien vers une page interne de votre InstantSite, cliquez sur Interne et choisissez la page vers laquelle vous souhaitez créer un lien depuis la Page liste déroulante.

Veuillez noter par défaut, la page vers laquelle vous créez un lien s'ouvrira dans un nouvel onglet du navigateur. Si vous préférez que la page redirige vers ce lien, décochez simplement la case Ouvrir le lien dans un nouvel onglet option.