Widget Afbeelding – alleen afbeelding centreren

  • timdevogel

    (@timdevogel)


    1 maand, 3 weken geleden

    Op deze pagina staat in de zijbalk de widget ‘Afbeelding’ van WordPress. Hierin plaatsen wij de cover van een magazine die gelinkt is naar een flipbook. Ik wil de afbeelding van de cover centreren. Nu kan ik wel deze afbeelding centreren, maar dan moet ik iedere keer dat we een nieuwe magazine publiceren de code aanpassen. Hoe maak ik voor de afbeelding een class maken die ik maar 1x hoef te stylen?

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

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

    (@jeroenrotty)

    Support Moderator

    1 maand, 3 weken geleden

    div#media_image_2.widget_media_image img{
      display: flex;
      justify-content: center;
    }

    Normaliter zou die selector moeten blijven als je enkel “vervangen” doet van de afbeelding binnen het widget. Maar misschien beter gewoon een klasse toevoegen op de blok zelf (bij geavanceerde instellingen van de blok), en dan die targetten in je eigen CSS? Die klasse blijft staan als je enkel de image vervangt binnen dezelfde blok …

    • Deze reactie is gewijzigd 1 maand, 3 weken geleden door Jeroen Rotty.
    • Deze reactie is gewijzigd 1 maand, 3 weken geleden door Jeroen Rotty. Reden: extra optie
    Thread starter timdevogel

    (@timdevogel)

    1 maand, 3 weken geleden

    Beste Jeroen,

    Dank voor je snelle reactie, maar helaas werkt dit niet. Ter info: de site is gebouwd met Elementor en de betreffende widget in de zijbalk heeft geen eigen blok.

    Groet,

    Tim

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 maand, 3 weken geleden

    Ook in Elementor kan je per module extra CSS classes instellen toch? Maar als je in de Elementor image module enkel de foto wijzigt en niet de module verwijdert en opnieuw toevoegt, blijft de uitlijning dan ook niet gelijk?

    Thread starter timdevogel

    (@timdevogel)

    1 maand, 3 weken geleden

    Hmmm, ik snap wat je zegt, maar ik ben denk ik niet duidelijk geweest. De pagina is gebouwd in Elementor (eigenlijk SmartMag, maar dat is gebaseerd op Elementor). We hebben op de pagina in Elementor een sidebar geplaatst. In deze sidebar staat de WordPress widget Afbeelding. Die widget kan ik niet apart targetten.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    1 maand, 3 weken geleden

    Kan je eventueel een screenshot delen hoe die sidebar content is gebouwd? Je kan hier geen images uploaden maar je kan een site zoals snipboard.io gebruiken.

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

Je moet ingelogd zijn om op dit onderwerp te reageren.