Support » CSS / opmaak vragen » Afbeelingen waorden verkeerd geplaatst

  • Dag Allemaal.

    Als ik een afbeeldingsblock plaats en vervolgens het voorbeeld in de browser bekijk dan worden de afbeelding nooit op het juiste formaat weergegeven. (altijd heel klein – zie voorbeeld) Onderzoek met de webontwikkelaar van firefox leert mij dat als ik

    .wp-block-image img {
    max-width: 100%;

    Uitschakel, dat het probleem dan opgelost is. Ik denk zelf dat het een thema gerelateerd probleem is (ik heb dit thema een aantal jaren terug laten schrijven) want als ik een ander thema kies wordt de afbeelding wel normaal weergegeven.

    Nu heb ik ook een testsite waar ik mee stoei en dingen uitprobeer. (en waar het niet uitmaakt als er wat fout gaat) In de map wp//wp-includes/css/dist/block-library vond ik het bestand style.min.css. Als ik dat bestand open zat daar de regel wp-block-image img{max-width:100%}. Ik heb deze regel weggehaald en de afbeeldingen worden nu wel correct weergegeven.

    Is dit een goede werkwijze? Of ligt het aan mijn eigen css bestand wat iets verkeerds doet?

    Iemand enig idee?

    Groet, Stef

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

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Dat is in ieder geval niet de juiste werkwijze, want core bestanden wijzig je best niet (en worden bij een update toch overschreven).

    .wp-block-image img {
    max-width: unset!important;
    }

    Probeer bovenstaande in je Customizer > Extra CSS veld te zetten en kijk of het werkt.

    Groet,
    Jeroen

    Ah, dank ik ga het proberen!

    Groet, Stef

    Dag Jeroen. Dat werkt inderdaad bedankt!
    https://stefringoot.com/testje

    Het enige minpuntje is dat mijn afbeelding niet binnen mijn wrapper blok (van ultimate addons for Gutenberg) blijft als ik deze schaal. Maar daar kan ik wel een mouw aan breien met een iets kleinere afbeelding (dit is maar een test)

    – Het rare van de zaak is wel dat ik bij mijn testsite het oude style.min.css bestand heb teruggezet en dat het probleem verdwenen lijkt zonder toevoeging van extra css…?

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