Hello everyone,
J'ai changé mes bullet points avec l'ajout de custom code et je me demandais si qqn connaissait un moyen d'aligner la deuxième ligne de texte par rapport à la fin du bullet point. Je n'aime pas trop le rendu actuel 🙂
Thanks !
@Valentin Geffroy Tu as plusieurs façons de faire en CSS genre ça :
.rich-text ol li::before {
content: "";
background-image: url('tonurl')
margin-right:0.25rem;
width: 1.25rem;
height: 1.25rem;
border-radius: 0.25rem;
display: inline-grid;
place-items: center;
line-height: 1.2em;
font-size: 0.75rem;
font-weight: 600;
color: var(--black);
margin-left: -1.5rem;
}Oui je sais bien 🙂
Je demandais plutôt la méthode 🙂
perso, j’enlève les bullet point et je mets une background image sur les items list
ça fera ce que tu veux faire @Camille Di Vincenzo
Alors j'ai ajouté ceci :
ul {
padding: 0;
list-style-type: none;
}
ul li::before {
background-image: url('<a target="_blank" rel="noopener noreferrer" href="https://cdn.prod.website-files.com/675c01aa0d1c90e13f425057/6799ec9b05a6727a4360b6cf_FLECHE.png">https://cdn.prod.website-files.com/675c01aa0d1c90e13f425057/6799ec9b05a6727a4360b6cf_FLECHE.png</a>');
content: "";
background-repeat: no-repeat;
margin-right: 0.2rem;
width: 0.9rem;
height: 0.9rem;
display: inline-flex;
padding-right: 0.5rem;
}Je ne sais pas si j'aurais du target autre chose que ul pour bien avoir mon système de list ? J'ai enlevé le padding naturel de Webflow, c'est peut-être ça ?
Voici ce que je ferais :