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”
    <ul class="hart">
  • Voeg deze regels toe aan het CSS-bestand:
      ul.hart {list-style-image:url("images/hart16.gif")}  .hart li {color:#1f201c; font-weight:bold}

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.

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;  }

lijstmetopsommingstekenInWidget