can you send your website address, /wp-admin/ username and password and a link to this topic to info@laytheme.com?

i think this custom code only should take me 10 minutes to do, i will do it for free! :D

to use a svg image, use https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

in HTML at bottom:

<script> jQuery("body").append('<div class="pointer"></div>'); jQuery("body").on("mousemove", function(e) { jQuery(".pointer").css({ top: e.clientY + "px", left: e.clientX + "px" }); }); </script>

In "Custom CSS":

*{ cursor: none!important; } .pointer { cursor: none; position: fixed; text-align: center; width: 52px; height: 52px; z-index: 1000; transform: translate(-50%, -50%); pointer-events: none; mix-blend-mode: difference; overflow: hidden; border-radius: 50%; background-image: url("http://localhost:10020/wp-content/uploads/2024/09/close-button.svg"); background-position: center; background-repeat: no-repeat; }

this is the part u change:
background-image: url("http://localhost:10020/wp-content/uploads/2024/09/close-button.svg");

get the url from wp-admin media library, when u click on an image u get File URL:

Screenshot 2025-02-19 at 09.05.14.png

Thank you @arminunruh for all the support you share with this community!

hey mandax can you explain more, what is the problem?
can you show me how it currently looks and how you want it to be?
do u have a link

Hi,

Sometimes I notice that it helps to target the "img" within ".magnifier"

you can try the event 'newpage'
or the event 'before_content_replacement'

not sure if it will work

maybe this

window.laytheme.on('before_content_replacement', function(){ setTimeout(function(){ console.log('hi') // your code here }, 0) })

hey mh im not sure!!
i put it on my todolist though
not sure when i would have time for it

i can code this for you for some €€, you can write me: armin.unruh@gmail.com

please add a link to your page and your /wp-admin/
login data

@PjotrPjotr
would be really happy to know what you came up with? :)

with thumbnailgrids you can filter by tags, but it wont look exactly like what ur link looks like

with thumbnailgrids, multiple tags can be selected. but its not a list of text links but its rather a grid of pictures u can click on to enter the project

this page also looks a little like the projectindex element
but the projectindex element has no pagination and no tag filters, u can just sort by tags for example

@teteerck

The smooth scroll is achieved with JS Library GSAP and their plug-in ScrollSmoother https://gsap.com/scroll/ but you can use a free library like Lenis and achieve pretty much The same result.

The grain effect is framer code component. If you want to do it yourself you could loop one second video with blending and transparency or code it procedurally.

nice!

i had to change this before because some people had the exact opposite problem.
^^

.xxx { position:fixed; width: 500px; left: 50px; }

u could add more css to it like this one that gives it a width and some space to the left

Hey Johannes, as you have probably already seen, Armin took up the challenge and provided the solution and code. Both of which can be found here: http://laythemeforum.com:4567/topic/3704/change-color-of-fixed-sitetitel-menu-when-scrolling-down-page-according-to-changing-row-background/14

@arminunruh Thank you! Much better now.

@alasdair17 no no exactly i was looking for a close up thingy - so thanks again works fine here!

@chris-vuko had the same issue. maybe try to add "zoooom" only in the class (and keep the id empty)

@arminunruh this specific website is being made for a friend so it's not a great budget, more of portfolio piece / passion project. but i would personally like to pay you for this since i would be using this on a number of websites in the future. emailing you now (: