Lijstje met eigen plaatjes als opsommingsteken

  • Download of maak een klein plaatje, bijv. 16px x 16px; zo klein mogelijk: .png.
  • Plaats het plaatje in de map images binnen het child theme (vb: /httpdocs/map/wp-content/themes/suffusion-child/images)
  • Maak de lijst. Kies nu voor bewekren in Tekstmodus. Plaats de cursor naar de tekst waar de lijst moet komen (zoek naar <ul>. Geef de lijst een klasse: bijvoorbeeld “hart”, door achter ul te typen: class=”hart” [code]<ul class="hart">[/code]
  • Voeg deze regels toe aan het CSS-bestand: [code] ul.hart {list-style-image:url("images/hart16.gif")}
    .hart li {color:#1f201c; font-weight:bold}[/code]

lijstmetopsommingstekenHart
Bij widgets pakte ik het iets anders aan; hier kan je geen klasse toekennen.
Zoek de preciese benaming van id of klasse; plaats het plaatje in de map images en pas het stijlbestand aan.

[code]aside#suf-cat-posts-5 .dbx-content li {
padding: 5px 1px 5px 25px;
border-bottom: 1px dotted #C0C0C0;
background: url(‘images/vraag.png’) no-repeat scroll 0px 10px transparent;
}[/code]

lijstmetopsommingstekenInWidget