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?
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.
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
Super Guido.
Bedankt!
Groeten
Andy
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
Dag Guido,
Je had gelijk.
Bedankt nogmaals.
Groeten
Andy
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.
Dag Jeroen,
stel dit nu ook vast.
Kan je me even uitleggen hoe ik dit kan oplossen?
Bedankt.
Andy
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.
Met wat zoeken is het gelukt!
Thanks.
