Hello aldo.
what do you mean by inverts?
like it mirrors?
kristof.
Hi Kristof, thanks for the reply. I mean the colours invert. So if a background was white it would become black. If copy was black it would become white. Does that make sense? Thnks
Hi aldo,
yea that makes sence.
is it the background of the page or from elements?
and is it only from back to white or other colors aswel?
kristof.
Hi Kristov, here is a link to the test site so far: https://sittightclub.wixsite.com/mysite/shop
Ideally if the user presses the button in the top middle of the header, every
thing on the page (apart from the product images) invert. So it looks something like the attachment. If they press the button again, it would invert and go back to ‘normal’
Hi aldo,
i think its impossible to do so.
images won’t work
and doing that for evry element on the page would mean manualy adding it in functions.
and not evry element has to property to change the collor by code
kristof.
With the image, I could invert it in photoshop and have another image ready to load. If that makes sense. With the other elements with are lines of copy, is there no way to invert them ?
You can try it but as i said not evrything has a style.backgroundcollor property.
function test () {
$w( “#box1” ).style.backgroundColor = “rgba(255,0,0,0.5)” ;
}
export function button1_click(event) {
//Add your code for this event here:
test()
}
i added a box to my page,
and a button
the function changes the backgroundcolor.
added the function to my button_click;
it works
hope this helps
kristof.
Have you seen the Dark Mode example?
https://www.wix.com/corvid/example/dark-mode
Hi GOS, this dark mode looks very good. How would I incorporate it into my site. I dont have any experience in coding. Thanks in advance