Support » CSS / opmaak vragen » Ongeordende html list laat blauwe bullets zien

  • Opgelost tigchel

    (@tigchel)


    Ik heb een ongeordende html list : http://www.ghmt.nl/unordered-html-list/ maar ik kom niet van de blauwe bullets af.

    In de html code heb ik het volgende opgenomen: <ul style=”list-style-type: none;”> maar de blauwe bullets blijven (In de css vond ik het ook niet terug). Waar is dit aan te passen? Alvast bedankt.

    De pagina waar ik hulp bij nodig heb: [log in om de link te zien]

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Dit komt omdat het niet een standaard bullit is vanuit de list-item. De list-style aanpassen zal dus ook geen effect hebben.

    De bullit die je ziet is gemaakt vanuit een pseudo element in je css. Lees hier meer: https://www.w3schools.com/css/css_pseudo_elements.asp

    In dit geval een :before. Je kunt een pseudo element aanspreken door er in je css naar ter verwijzen, bijvoorbeeld: body ul li:before { content: "X"; padding-right: 10px; }

    Dank u! Gevonden en gefixt.

    .entry-content ul li:before {
    color: #7F7F7F;
    font-size: 1em;
    content: “•”;
    display: inline-block;
    width: 15px;
    margin-left: -15px;
    vertical-align: middle; }

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Ongeordende html list laat blauwe bullets zien’ is gesloten voor nieuwe reacties.