Ondersteuning » Thema en CSS/opmaak » Galerij uitlijnen werkt niet meer

  • Opgelost –Marian–

    (@marian-2)


    Nieuwste versie WP is zojuist geïnstalleerd plus de theme twentysixteen geüpdatet.
    Zodra ik nu een galerij aanpas kan ik de images niet meer centreren, ziet er niet mooi uit omdat de tekst die erbij staat in de gradient standaard wel centreert.
    Ga ik wachten op een nieuwe update hiervoor, of kan ik iets doen?

    Via de link bovenin is zoals het uitgelijnd staat omdat er geen centreer optie meer is.
    Via rechter menu te zien hoe de vorige versies uitgelijnd staan.
    De smallere gradient ben ik wel blij mee 😀

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

6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)
  • Hoi Marian,

    In de extra css van de customizer de volgende code toevoegen.
    Dan zouden de afbeeldingen weer gecentreerd zijn binnen het kader.

    .wp-block-gallery.aligncenter.has-nested-images figure.wp-block-image img{
    margin:auto;
    }
    Thread starter –Marian–

    (@marian-2)

    Hoi Richard,

    Dank voor de reactie, heb het meteen geprobeerd, maar dat helpt niet. Gister al de html bekeken van het block en daar staat in principe hetzelfde in.
    De blockeditor als ik daar kies voor centreren, dan staan alle images onder elkaar, terwijl ik duidelijk 3 kolommen aangeef.
    Kies ik dan voor niet uitlijnen, dan staan er weer wel 3 kolommen.

    Gekeken of het wel goed werkt in twentytwentyone en daar werkt alles wel goed in. Heeft helaas geen optie voor een zij menu.

    Lijkt me dat er een bug in het theme zit, als ik kies voor html bewerking en ik verander er niets, dan krijg ik een onverwachte of ongeldige bewerking mededeling.
    Kies ik voor ‘block oplossen’, geeft hij dit aan als oplossing.
    Daar duizelt het mij, maar wie weet helpt het jullie naar een oplossing.

    Vol verwachting klopt mijn hart 🙂

    update: als ik goed kijk naar de oplossing in het rood, maakt hij een combinatie van figure en image en noemt het fimage

    • Deze reactie is gewijzigd 5 maanden geleden door --Marian--.
    Guido

    (@guido07111975)

    Hoi,

    Dit zal het moeten oplossen, maar persoonlijk ben ik geen voorstander van standaard CSS van WordPress overschrijven:

    
    .wp-block-gallery img {margin-left:auto !important; margin-right:auto !important;}
    

    Guido

    Thread starter –Marian–

    (@marian-2)

    Dank voor de input @guido07111975

    Mee eens, ik doe dat liever ook niet, maar probeer nu zo wel het probleem te achterhalen.
    Helaas, ook dat wil niet werken, heb het rechtstreeks via style.css en bij block.css geprobeerd, maar mag niet baten.
    ik lees div. css files door, apart dat 1,2,4,5,6,7 columns beschreven word, maar geen 3.
    Dacht dan zit het daar in, maar ook dat helpt niet door er een even aantal van te maken.
    de ontbrekende 3 columns was bij de vorige versie ook, dus zou een reden hebben.
    Vergelijking met theme 2024 kom ik ook niet verder mee, zit totaal anders in elkaar opgebouwd.

    Guido

    (@guido07111975)

    Hoi,

    Je moet het even toevoegen op pagina Extra CSS van de Customizer.

    Guido

    Thread starter –Marian–

    (@marian-2)

    Hoi Guido,

    O jee, had het bij geavanceerd telkens eerst geprobeerd bij de block bewerking daar de extra css steeds toegevoegd, easy, de oplossing van Richard werkt daar ook perfekt!
    Super bedankt @guido07111975 en @rdd, ben helemaal opgelucht.
    Succes met jullie fantastische werk verder.

    Vr. groet,
    Marian

    • Deze reactie is gewijzigd 5 maanden geleden door --Marian--.
6 reacties aan het bekijken - 1 tot 6 (van in totaal 6)