Bullet list veranderen

Afbeelding in Canva maken: tussen de 25 en 50 px
Toch te groot? Verklein in voorvertoning
Uploaden op Asset page
Afbeelding URL kopiëren en in code plakken
ul li padding-left aanpassen voor afstand tussen plaatje en tekst
ul li:before top aanpassen voor hoogte plaatje t.o.v. de tekst
Eventueel sectienummer toewijzen

Afbeelding in Canva maken: tussen de 25 en 50 px
Toch te groot? Verklein in voorvertoning
Uploaden op Asset page
Afbeelding URL kopiëren en in code plakken
#sectie-nummer toewijzen aan alle codeblokjes voor 'ul'
ul li padding-left aanpassen voor afstand tussen plaatje en tekst
ul li:before top aanpassen voor hoogte plaatje t.o.v. de tekst
Als het plaatje niet goed uitlijnt op mobiel, voeg deze code toe voor het sectienummer of voor ul li : @media only screen and (max-width: 767px) {
#section-nummer ul li {
padding-left: 4em;}
}
>> padding-left wijzigen voor afstand tussen plaatje en tekst

Unicode / Font-Awesome

Unicode opzoeken op: https://fontawesome.com/v5/search?o=r&m=free
Plakken in de code
Bij een unicode van Font Awesome, voeg bij ul li:before de font-family toe aan de code:

/* UNICODE */
#section-1650611719916 ul {
list-style: none;
margin:0px;
padding:0px;
}
#section-1650611719916 ul li {
margin-left: 0em;
position: relative;
padding-left: 2em;
}
#section-1650611719916 ul li:before {
font-family: 'Font Awesome 5 Free';
content: '\f35a';
font-size: 1.0em;
font-weight: 900;
position: absolute;
top: 0;
left: 0;
color:#5576af;
}
LET OP AANHALINGSTEKENS
ul li padding-left aanpassen voor afstand tussen plaatje en tekst
ul li:before top aanpassen voor hoogte plaatje t.o.v. de tekst
Eventueel sectienummer toewijzen
Font-weight: 900; is noodzakelijk bij solid icons