How can I make the lightbox X bigger/different color etc.?
(I mean the x button that closes the lightbox.)
I would of course like to make it uniform with the style of my other buttons and so on.
Any ideas? I have nothing against custom code - I just have no idea how to write it😂
The lightbox is using a background in a div for the button. So you can create a CSS custom code to override its styling and do it the way you want. Here is a code that I enriched for you so you get control over the main visual characterstics of the elements.
In order to see the results of this code in the designer, put this code inside of an Embed component inside of your page, anywhere. (put it under the body for conveniency).
I put the embed element in Body and copy pasted the code you presented.
Where would I get the URL OF THE NEW IMAGE?
Should that image be in my assets first and then that would with your custom code become the background in a div which you mentioned is used by the lightbox?
Prepare your image and add it to Webflow, in the asset manager. Then click the little gear icon on the image asset, then right click the little arrow icon in the popup, and save the link (the arrow icon is a link to the PERMALINK of the image file on Webflow storage.). That’s the url you need to put in the code.
Use this technique to host images in your Webflow project and capture its url to use elsewhere, in custom code for example.