comment modifier les listes à puces sur Squarespace ?

La différence entre un site “meh” et un site “wow” ? Tout se joue dans les détails. Dans le tutoriel du jour, je vous explique comment changer simplement, avec quelques lignes de code CSS, les listes à puces de votre site Squarespace.

AVANT DE DÉMARRER… RÉCUPÈRE TES 5 CODES CSS Squarespace À COPIER-COLLER

Tu as créé ton site Squarespace en autonomie, mais tu sens qu’il y manque un petit quelque chose pour le rendre vraiment unique ? Ce guide offert, simple et facile à utiliser, te permettra de personnaliser en quelques clics et copier-coller ton site Squarespace.

ACCÉDER À TON GUIDE NOTION OFFERT

pourquoi modifier les listes à puces dans Squarespace ?

Les listes à puces peuvent sembler être un infime détail de votre site web… mais elles jouent un rôle crucial dans l'expérience de vos visiteurs. La manière dont l'information est présentée impacte directement la lisibilité et la compréhension générale de votre contenu.

Si on ne veut jamais présenter les bénéfices de son offre en mode “liste à puces” 😉 il faut admettre qu’elles sont parfois - souvent - indispensables pour structurer le contenu d’une page web.

Une liste à puces bien structurée rend la lecture plus fluide, permettant aux visiteurs de saisir rapidement les informations essentielles. Elles créent également un “rythme” visuel, invitant vos visiteurs à poursuivre leur lecture…

le code CSS à utiliser :

ul[data-rte-list] li>*:first-child::before { 
content: "\2022"; /* Ajout unicode */ 
color: #F1B846; /* Couleur */ 
font-weight: 900; /* Gras */
}

ul[data-rte-list] { 
margin-left: -1rem;
} /* Modifier la marge */