Support » Code oplossingen gezocht » css voor opsommingslijst

  • Opgelost Willem 2

    (@willem-2)


    Ik wil in de style.css van mijn child theme een code toevoegen waarmee automatisch een extra spatie na het cijfer en de punt van een (ongeordende en geordende) lijst komt. Huidige situatie 1.test Dit zou moeten worden 1. test

    Kan iemand mij met de complete code helpen die ik in de style.css kan plaatsen?

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

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

    je kunt een padding-left op de list items < li > zetten, en het verdient ook aanbeveling om dat op de < ul > en < ol > te doen. Denk ook aan de list-style-position voor de uitlijning, see deze jsfiddle: https://jsfiddle.net/ronald/npk2ytqu/

    • Deze reactie is gewijzigd 3 weken, 6 dagen geleden door ronaldvw.
    • Deze reactie is gewijzigd 3 weken, 6 dagen geleden door ronaldvw.

    Hallo Ronald,

    Ik had nog geen email van je reactie ontvangen. Dat was de reden waarom ik dezelfde vraag ook elders heb neergelegd.

    Ik heb je reactie op diverse manieren bekeken maar ik kan er niets mee. Je veronderstelt kennis die ik niet heb.

    Ik zoek een kant en klare code die ik in mijn style.css kan plakken.

    Ik heb een voorbeeld van wat ik wil op de volgende pagina geplaatst: https://www.razenberg.nl/mijn-baas-is-een-psychopaat/

    Zoals je ziet verspringt de eerste regel in de lijst één spatie naar rechts. Dit wil ik bij alle soorten lijsten automatisch laten gebeuren via de style.css van mijn child theme. (Ik heb het in dit voorbeeld gerealiseerd door via de code editor de html code voor een spatie toe te voegen.

    Hopelijk kun je me verder helpen. Met vriendelijke groet,

    Willem

    • Deze reactie is gewijzigd 3 weken, 5 dagen geleden door Willem 2.
    • Deze reactie is gewijzigd 3 weken, 5 dagen geleden door Willem 2.

    Hoi Willem,

    Het is natuurlijk de bedoeling dat je met een beetje sturing zelf de vaardigeheden eigen maakt om het probleem op te lossen / gewenste aanpassingen te doen.

    Wanneer je vraagt om kant en klare code voor jouw specifieke situatie dan vraag je eigenlijk aan iemand om gratis werk voor je te doen.

    Een goede plek om CSS te leren is w3schools.com en css-tricks.com

    Hallo Richard,

    Bedankt voor je vaderlijke terechtwijzing. Als man van 69 zal ik wel dom zijn maar ik ben niet zo dom dat ik weet dat dit een forum is bij een (gratis) open source programma dat voor iedereen is bedoeld.

    Ik heb in de loop van de tijd al heel wat uitgevogeld, ook over css. Ik loop echter vast met het probleem dat ik noemde. Zoals ik aangaf wilde ik een code die ik in mijn child theme kan invoegen. Ik had de volgende code al eens geprobeerd maar dit werkte niet in mijn child theme:

    ul li,
    ol li {
    padding-left: 5px;
    }

    In mijn bescheidenheid dacht ik dat ik het waarschijnlijk helemaal fout deed. Het was een goed advies om de code via de customizer te plaatsen. Toen ik dat deed, bleek dat er niets mis is met de code. Via mijn child theme werkt het echter niet. Alles wat ik daar ooit heb ingevoegd is actief maar ik kan er op dit moment niets aan veranderen of aan toevoegen.

    Zo ver ben ik dus nu gelukkig door het gratis advies. Er is iets mis met het child theme. Wat ik ook probeer, ik kom er niet achter wat. Dus ik blijf proberen en zoeken op het open internet omdat ik het child theme wil blijven gebruiken.

    Voor zover ik kan zien wordt de padding wel gewoon toegepast, verander het maar eens naar 50px en de ruimte wordt aanzienlijk groter.

    Hallo Richard,

    Ik heb de padding in de customizer geplaatst en daar werkt het wel. Het lukt me nog niet om hem in mijn child theme actief te krijgen. Ik zoek daarvoor nog naar een oplossing. Mijn functions.php in het child theme werkt wel maar om de een of andere duistere reden werkt het style.css niet. Ik heb daarom voorlopig alle css codes in de customizer geplaatst.

    Met vriendelijke groet,

    Willem

    Ik zie in de bron van de website dat child-twenty-twelve/child-style.min.css
    wordt ingeladen als css bestand maar niet een normale style.css
    mogelijk moet dat in de functions.php aangepast worden.
    Of de styles toevoegen aan de .min.css

    Als je gebruik maakt van een caching plugin zou het daar ook in kunnen zitten, mogelijk dat het legen van de cache dan ook nog helpt

    Hallo Richard,

    Het probleem is opgelost!

    Jouw opmerking over “child-twenty-twelve/child-style.min.css” heeft daarbij geholpen. In hoofdlijnen komt wat ik heb gedaan op het volgende neer: Ik wist niet waar de geminimaliseerde css bestanden vandaan kwamen waar je naar verwees. Ik heb ze verwijderd. Vervolgens heb ik gekeken welke plugins een cache mogelijkheid hebben en/of de mogelijkheid om css te minimaliseren. Dat waren wp-optimize en sg optimizer. Ik heb beide helemaal verwijderd. Daarna heb ik via ftp gezocht naar andere cache bestanden en die, waar het vertrouwd leek, verwijderd. (Het voordeel was dat ik andere oude bestanden tegenkwam (De domeinnaam inclusief website bestaat al sinds 1997, dus net zo lang als google.) Daarna heb ik de database opgeschoond en sg optimizer opnieuw geïnstalleerd en alle functionaliteiten ingeschakeld, inclusief de mogelijkheid om css te minimaliseren. Hierna bleek in mijn child theme alles weer te werken zoals ik wil.

    Hartelijk bedankt voor je ideëen, ze hebben mij op het goede pad gezet.

    Met vriendelijke groet,

    Willem

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