<p> </p> werkt niet in blogposts?

cjansoncjanson Member Berichten: 6

Hallo,

weet iemand dit? Ik gebruik het IGNITE thema. Ik ben nu blogposts aan het schrijven. En ik merk dat sommige html codes niet werken. Wel in de preview maar niet op de site.

Bijvoorbeeld: een enter (die erin komt te staan als <p></p>) zorgt niet dat er een nieuwe regel komt. Daarvoor moet ik <br> gebruiken.

En als ik de lijstfunctie gebruik (<ul> en <li>) krijg ik wel een lijst maar geen markeringen ervoor. Dwz: wel in de preview maar niet op de site.

Dat gebeurt bijvoorbeeld bij deze post: https://unifit-327370.webshopapp.com/blogs/training-en-support/casambi-cursusdagen-leer-in-een-dag-hands-on-casam/

Iemand enig idee hoe ik dit kan fixen zodat ik mijn tekst netjes op kan maken?

hartelijke groet

Christien

Beste Antwoorden

  • PaulaPaula Member, Beta tester Berichten: 1,397 
    15 juli aangepast Antwoord ✓

    De list werkt inderdaad niet in blogposts. Het is er wel in te zetten, Johan heeft het volgens mij met CSS gedaan.

    Voorbeeld: https://www.devrolijkeengel.nl/blogs/uitleg-en-toelichting/de-vlinder/

    (even doorscrollen tot 'de vlinder door tijd en ruimte)

    www.devrolijkeengel.nl
    "voor Hemelse geschenken met een vleugje Mysterie"
  • JohanJJohanJ Member Berichten: 249 
    Antwoord ✓

    Christien, de blogs zijn inderdaad heel lastig op te maken. Ik weet uiteraard niet hoe handig je met CSS bent maar misschien heb je iets aan het volgende.

    In de standaard code staat:

    .gui-blog-article ul {

    1. width: 100%;
    2. list-style: none;
    3. font-size: 90%;

    }

    .gui * {

    1. padding: 0;
    2. margin: 0;
    3. border: 0;
    4. outline: 0;

    }

    Dit zorgt ervoor dat een lijst er niet echt als een lijst uitziet.

    Als je handig bent met CSS, kun je in je custom CSS de ".gui-blog-article ul " toevoegen en aanpassen.

    Mocht dat niet lukken, kun je in de HTML van je blog inline de CSS toevoegen voor de ul.

    Dus <ul> bijvoorbeeld aanpassen naar

    <ul style="list-style:circle">

    Kijk voor meer styles bijvoorbeeld op https://www.w3schools.com/css/css_list.asp

    en zo kun je uiteraard ook de inspringing e.d. aanpassen.

Antwoorden

  • cjansoncjanson Member Berichten: 6

    dank jullie wel, ik weet nu dat het niet aan mij ligt, en hoe ik het op kan lossen ; )

Log In of Registreer om te reageren.