Ondersteuning » Thema en CSS/opmaak » opsomming verspringt op website

  • Als ik een opsomming maak is deze als volgt te zien in WYSIWYG

    • tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
      tekst tekst
    • tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
      tekst tekst

    Op de site wordt het zo weergegeven. (overigens wel met bulletpoints)

    * tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
    tekst tekst
    * tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
    tekst tekst
    * tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst tekst
    tekst tekst

    In WYSIWYG is de tekst van de gehele opsomming uitgelijnd met de eerste regel. Op de site verspringt dit.

    Ik zou graag de opsomming op de site willen weergeven zoals deze te zien is in WYSIWYG.

    Heeft iemand een idee hoe ik dit moet doen?

    HC-IF

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Hallo

    Wil je de link van de pagina waarop dit gebeurt sturen?

    Gr Wouter

    Thread starter HC-IF

    (@hc-if)

    Beste Wouter,

    Via deze link kom je op de pagina:

    http://iturl.nl/snZBEd

    Kun je dit eens toevoegen aan je css (liefst onderaan je css bestand):

    .entry-content ul { list-style: initial; padding: 0 10px; margin: 0 5px; list-style-position: outside !important; }

    Thread starter HC-IF

    (@hc-if)

    Ik heb deze code inderdaad onderaan toegevoegd, maar dit geeft helaas niet het gewenste effect. (Er veranderd niets op de pagina.)

    Klopt het dat de link die je eerder plaatste het niet doet? (404 melding)

    Thread starter HC-IF

    (@hc-if)

    Sorry, ik was er mee bezig geweest. Hier is ie nogmaals:

    http://iturl.nl/sng5L2

    Volgens mij kom je er met onderstaande in je child theme (niet crossbrowser getest)

    ul {
      list-style-position: outside;
      margin-left: 20px;
    }

    de code werkt, hooguit moet je specifieker benoemen, bv:

    .entry-content ul {
      list-style-position: outside;
      margin-left: 20px;
    }

    of er zelfs nog een #container voor en een !important achter de arguments.

    Benieuwd naar het resultaat!

    Thread starter HC-IF

    (@hc-if)

    Dank je wel Mike,

    Ik denk dat ik daarvoor een child-theme plug-in moet installeren. Ik ga dat even uitzoeken.

    Bovenstaande (of aangepaste) code invullen per pagina is dat ook een optie? Zoveel opsommingen gebruiken we niet. Alleen op een enkele pagina.

    HC-IF

8 reacties aan het bekijken - 1 tot 8 (van in totaal 8)
  • Het onderwerp ‘opsomming verspringt op website’ is gesloten voor nieuwe reacties.