Hi Marius, thanks for your effort. I tried uploading new files with different names, but that didn't solve the problem. The mistake was that I linked the images starting with "wp-upload/..." instead of using the complete link. The alteration of the address with carbarnraceworx.com/home made the link incorrectly in case anybody else here makes the same mistake ;)
Best Moritz
hi @mariusjopen
as I said I set /home as the front page. Other than that I have not altered the page id, duplicated the page or anything like that…
best, Moritz
Dear @mariusjopen
The racetrack under the countdown and the images of the car below that –
here you go @mariusjopen
carbarnraceworx.com
again, to specify the problem, some images I embeded using the html-element in the gridder won’t appear when returning from subpages like carbarnraceworx.com/privacy to carbarnraceworx.com/home while the same elements always appear on carbarnraceworx.com (which is the same page). I hope you can help with this?
Best, M
Hi,
I wasn’t able to find anything in the troubleshooting or forum on this matter:
I have set a front page of a page (let's say: mywebsite.com/home) where I used html elements in the gridder. Now when i visit (mywebsite.com) everything shows up, but when return form a subpage to the homepage or use mywebsite.com/home the html elements containing images I inserted in the gridder won’t show up on the site. Has this issue occured before and is there a way to fix this?
Best
M
Hi @mariusjopen,
thanks for your answer. I already read the instructions on the laytheme page regarding custom javascript. Unfortunately I have issues with implementing this effect although I tried it with multiple different versions. This is what I have so far:
I gave a row the id "landing-content"
I inserted the following custom css:
#landing-content {
overflow: hidden;
background-image: url(image.jpg);
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
<script>
jquery('#landing-content').mousemove(function(e){
var amountMovedX = (e.pageX * -1 / 6);
var amountMovedY = (e.pageY * -1 / 6);
jquery(this).css('background-position', amountMovedX + 'px ' + amountMovedY + 'px');
});
</script>
Do you or anybody else have any thoughts on this or might be able to tell me where I’m wrong?
Thanks in advance :)
Hi,
I guess I am trying to achieve the same as @koliveros before. Unfortunetly I am not very familiar with writing jQuery and could really need some help adjusting code to suit the lay theme.
I found this (https://codepen.io/Funsella/pen/dpRPYZ) which pretty much reflects what I have in mind, but I struggle with adjusting it to laytheme –
Can I use the background colors of rows in the gridder as a source for this jQuery code? If so, how would I have to change the code up. It would be very helpful if someone can give me detailed instructions, or a better solution on how to handle this… cheers
Hi, I would like to add a mouse interaction animation with JS to a row background image as in this example: http://www.onextrapixel.com/examples/interactive-background/
Is this possible and can someone help me with the necessary code?