Support » Overige » Spacer naast plaatje ipv eronder

  • Hallo,

    ik werk sinds kort met wordpress en ben nu mijn eerste artikel aan het vormgeven: https://www.lifetolegend.com/living-species/turritopsis-dohrnii-the-phoenix-of-the-ocean/.
    Ik loop alleen tegen een klein probleempje aan. Ik probeer via de standaard editor (das de gutenberg editor toch?) foto’s naast de tekst te zetten. Maar ik heb tussen elke tekstblok -> header een spaces zitten omdat ik de tekst anders te dicht op elkaar vind zitten. Maar dit werkt niet als er een plaatje naast zit. De header wordt namelijk automatisch naar beneden verplaatst onder het plaatje, en de teskt die volgt dus ook.

    Ik moet dus kiezen tussen: Een leeg wit blok links van het plaatje, of te weinig ruimte tussen de overloop van tekst en volgende header (zie voorbeeld hier: https://www.lifetolegend.com/living-species/turritopsis-dohrnii-the-phoenix-of-the-ocean/).

    Hoe kan ik hier omheen werken? Ik vind het namelijk erg slordig staan.
    Het liefste zou ik standaard bij elke tekst naar header een X ruimte hebben, want ik moet nu elke keer handmatig een spacer blok toevoegen, wat ik nogal omslachtig vind.

    Tips zijn erg welkom! En wellicht dat er andere manieren zijn om een nieuw artikel te creeeren. Ik begrijp dat Gutenberg een erg gewaardeerd systeem is, maar ik vind er persoonlijk niks aan…

    Ik hoor het graag!
    Bedankt,

    Tessa

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

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Hoi Tessa,

    In plaats van een spacer-block kun je ook een extra enter na de test toevoegen, dat wordt dan een lege paragraaf.

    Wat je ook kunt doen, zoals nog steeds miljoenen gebruikers wereldwijd, is de oude editor gebruiken, middels de Klassieke editor plugin. Wordt nog een flinke tijd officieel ondersteunt, maar zal op termijn wel verdwijnen.

    Voordat je die plugin instaleert kun je dit eerst ook even testen, middels het Klassiek-block.

    Guido

    Thread starter tezartdesign

    (@tezartdesign)

    Bedankt Guido,

    een extra enter toevoegen werkt helaas niet, niet in de standaard blocks in ieder geval, maar het werkt wel in de classic editor die er standaard bij zit. Dus wat ik nu doe is de header blocks vervangen voor classic blocks, en dan een enter erboven zetten.

    Thanks!

    Hoi,

    Moet wel zeggen dat het Klassiek-block meestal wordt gebruikt voor oude content. Dus als je het kunt voorkomen is dat zeker aan te raden.

    Net zelf ook even een test gedaan met extra enter(s) tussen 2 paragrafen tekst, maar dat werkt inderdaad niet altijd. Afhankelijk van je thema, welke CSS aan de p tag gekoppeld is. Je ziet wel een extra paragraaf in de broncode staan.

    Guido

    Thread starter tezartdesign

    (@tezartdesign)

    Hey Guido, mijn benadering werkt helaas ook niet, de enter wordt gewoon gewist. Ik vind het een beetje raar dat er geen rekening mee gehouden is, maarja, tis niet anders. Als ik een oplossing weet te vinden dan laat ik het weten!

    Bedankt!

    Guido

    (@guido07111975)

    Hoi Tessa,

    Wat je ook kunt doen is meer ruimte onder elke paragraaf zetten:

    Nu is het: p {margin-bottom:10px;}
    Maak daar eens dit van: p {margin-bottom:20px;}

    (Voeg deze code in de Customizer toe, op pagina Extra CSS)

    Dan moet je daarna dus wel alle spacers etc weer weghalen.

    Guido

    Thread starter tezartdesign

    (@tezartdesign)

    Hey Guido,

    ik moet eerlijk zeggen dat ik een beetje in de war ben met alle CSS opties. Ik probeer bijvoorbeeld ook de font size in mijn sidebar te veranderen, maar heb geen idee welke CSS ik daarvoor moet aanpakken (de post, de widget, het template, de sidebar, en waar dan) (even los van het feit dat de code me ook niet helemaal duidelijk is). Maargoed, dat heb ik met dit dus ook… Waar kan ik hem precies vinden?

    Thanks!

    Guido

    (@guido07111975)

    Waar kan ik hem precies vinden?

    Gewoon in je dashboard naar de Customizer gaan en dan naar pagina Extra CSS. Daar kun je die CSS toevoegen. Ik verwacht dat je hiervoor (meer ruimte onder elke paragraaf) namelijk geen optie in de instellingen van je thema hebt.

    Guido

    Thread starter tezartdesign

    (@tezartdesign)

    Yes, dank je! Works like a charm! Moet ik hier toevallig ook de font size aanpassen voor mijn sidebar/widgets?

    Guido

    (@guido07111975)

    Kan, maar is iets (veel) lastiger omdat ik zie dat alles met Elementor is gemaakt. De widgets gebruik je namelijk op meer plekken, niet alleen in de sidebar. Sterker nog, ik zie in de code zelfs geen “sidebar” staan, alleen Elementor kolommen. Dus als je daarvan de lettergrootte aanpast zal dat overal gebruikt worden. Ik heb zo 123 geen goede fix hiervoor. Denk dat je dit per individuele widgets moet gaan doen.
    Nogmaals, begin hier alleen aan als je het niet ergens in de instellingen kunt aanpassen.

    Guido

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