Modifying Bullet Points in Webflow

At a glance

Hello, c'est de nouveau moi 🤣
Est-ce que quelqu'un saurait me dire si j'ai fait une erreur dans mon code servant à modifier les bullets points des listes sur Webflow ?
J'aimerais bien qu'ils soient à gauche et non au dessus...
Merci 🙂

9 comments

AAlyson Le Druillenec

Je sais pas si ca va t’aider mais je l’ai fait pour un client comme ca : j’ai supprimer l’option bullet et j’ai ajouter en bg img direct . Pas d’ajout de code du coup

CCamille Di Vincenzo

Ouais mais j'avoue que j'aurais bien aimé qu'elle aie ces bullets aussi dans ces articles de blog 😕

AAlyson Le Druillenec

Tu fais la meme opération dans ton rich text

CCamille Di Vincenzo

bon je vais faire ça ! Merci 🙂

MMickaël B.

Hello, et en mettant un display: flex sur tes li ca donne quoi ?

CCamille Di Vincenzo

@Mickaël B. Ca ne change rien... je me demande vraiment d'où vient ce hic !

MMickaël B.

T'as possibilité de partager un read only ?

BBenoît

Hello Camille,

Ce qu’il faut faire :

Enlever le padding de Webflow sur tes list
Ajouter le CSS pour gérer le background, la taille de ton bg etc..

Exemple de CSS (pour cibler les item dans une unordered list)

ul li::before {
	background-image: url('<a target="_blank" rel="noopener noreferrer" href="https://cdn.prod.website-files.com/6718ee6152c0fdd019da112e/672e2ec9747695763f104af8_tiret-rouge.svg">https://cdn.prod.website-files.com/6718ee6152c0fdd019da112e/672e2ec9747695763f104af8_tiret-rouge.svg</a>')
  content: "";
  margin-right: 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  display: inline-flex;
}

CCamille Di Vincenzo

Ok je reteste tout ça ce soir merci les gars ! 😄

Add a reply

initClub · 1ère Communauté Webflow Francophone

Modifying Bullet Points in Webflow