Ondersteuning » Algemeen WordPress » Afbeelding homepage wijzigt niet

  • Opgelost hikemicrobe

    (@hikemicrobe)


    Goedemiddag,
    Ik wil een afbeelding wijzigen op de homepage. Het lukt om te wijzigen maar als ik dan check op de website zelf, blijft de oude afbeelding er staan…

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

    (@jeroenrotty)

    Support Moderator

    Hey,

    Gaat het over https://hikemicrobe.be/?

    Het lijkt er op dat de eerste sectie de foto als achtergrond ingesteld heeft, is het ook daar dat je het bewerkt? Hoe heb je de Elementor pagina verder opgebouwd qua modules? En als je op Opslaan klikt na je wijziging, krijg je dan de succesmelding of een fout?

    Thread starter hikemicrobe

    (@hikemicrobe)

    Hey Jeroen,
    bedankt voor je reactie.
    Als ik op ‘updaten’ klik, is er geen probleem en lukt dit.
    Er blijft echter een foto staan van mij liggend op een weg als ik dan ‘www.hikemicrobe.be’ intik. Terwijl ik een foto van mezelf zittend op een steen wil invoegen.
    Ik doe dit allemaal via Elementor.

    Guido

    (@guido07111975)

    Hoi,

    Ik zie jou zittend op een steen. Als jij de oude foto nog ziet, staat dit waarschijnlijk nog in het geheugen van je browser. Die moet je dan even legen, of de site in een andere browser bekijken.

    Guido

    Thread starter hikemicrobe

    (@hikemicrobe)

    Super Guido.
    Bedankt!
    Groeten
    Andy

    Guido

    (@guido07111975)

    Hoi Andy,

    Had ik gelijk, of was er iets anders aan de hand?

    Als je verder geen vragen meer hebt, wil je dan de status van dit topic op “opgelost” zetten?

    Guido

    Thread starter hikemicrobe

    (@hikemicrobe)

    Dag Guido,
    Je had gelijk.
    Bedankt nogmaals.
    Groeten
    Andy

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Het is nog niet opgelost op mobiel, want daar zie ik je wel nog ‘op de straat liggen’, op desktop zie ik je op de steen zitten. Heb je aparte secties gemaakt die je afhankelijk van toestel hebt in- of uitgeschakeld?

    Ik zie dat voor “data-elementor-device-mode=”tablet” je op een steen zit, en voor data-elementor-device-mode=”mobile” lig je nog op de straat. Daar kijk je dus beter nog even naar.

    Thread starter hikemicrobe

    (@hikemicrobe)

    Dag Jeroen,
    stel dit nu ook vast.
    Kan je me even uitleggen hoe ik dit kan oplossen?
    Bedankt.
    Andy

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Het is moeilijk af te leiden uit de broncode hoe je het specifiek in Elementor hebt gemaakt eigenlijk. Het lijkt er op dat die sectie gwn andere CSS heeft afhankelijk van de breedte – dus geen aparte 2 images modules die je dan aan- of uitzet afhankelijk op welk toestel.

    Heb je op die eerste sectie eigen CSS geschreven? Want het lijkt het volgende te doen:

    Op kleine breedtes de foto waar je op de straat ligt:

      @media (max-width: 767px)
    .elementor-11 .elementor-element.elementor-element-ca7541c:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-ca7541c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
      background-image: url("https://hikemicrobe.be/wp/wp-content/uploads/2022/01/DB5D7E24-FCC9-4FBF-9C74-9468C38DECC2_1_105_c.jpeg");
    }

    Op grotere breedtes zit je op een steen:

    .elementor-11 .elementor-element.elementor-element-ca7541c:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-ca7541c > .elementor-motion-effects-container > .elementor-motion-effects-layer {
      background-image: url("https://hikemicrobe.be/wp/wp-content/uploads/2022/04/IMG_3659_jpg.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 90% auto;
    }

    Beide zijn inline CSS, dus ergens moet dat in die geavanceerde settings van die sectie/module zitten op de pagina die je gebouwd hebt. Je zou gwn die module/sectie kunnen verwijderen en opnieuw starten en gwn de afbeelding toevoegen voor alle toestellen (standaard) en klaar.

    Thread starter hikemicrobe

    (@hikemicrobe)

    Met wat zoeken is het gelukt!
    Thanks.

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Super.

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