Why are you using a PNG for the board? That doesn't scale well. Use a SVG, you can embed that in the stylesheet and then you don't waste a request to an external site.
Here is my custom board: gitlab.com/fuxia/userstyles
You can either use it directly or look at the code and use that as a template.
Hey @fuxia , thanks for your advice. SVG does not work in my case, since I use a wooden board. But it looks pretty good in my opinion, scaling isn't a problem here.
You're right with the external requests, I moved the image file to my local xampp.
Still, I can't get it to work with puzzles and analysis board. Any suggestions or does lichess block the request? Why only with the puzzle/analysis board?
The selector has to be just "cg-board", then it's working. See my source code.
When I try your code with the svg, it works. When I try mine (with an image), it does not (only in games, not puzzles/analysis).
But thanks for your help :)
background-image: url("http://localhost:8800/board1.png") !important;
Okay, that's weird. You can try putting the PNG inline per data URI. css-tricks.com/data-uris/
@Widuk After a good sleep I can at least tell you why your local setup didn't work: Lichess is using HTTPS, and in that context you can't load something without SSL, like from your HTTP URL.
About imgur … maybe they are blocking requests, because this usage violates their TOS ():
"Also, don't use Imgur to host image libraries you link to from elsewhere, content for your website, advertising, avatars, or anything else that turns us into your content delivery network. If you do – and we will be the judge – or if you do anything illegal, in addition to any other legal rights we may have, we will ban you along with the site you're hotlinking from, delete all your images, report you to the authorities if necessary, and prevent you from viewing any images hosted on Imgur.com. We mean it."
Summary: Do not use imgur as free background image hosting service.
@fuxia Thanks for the follow up. The strange thing is, that it does work for games with imgur as well as with my local webserver. If I start a match, I have my custom board as background. But if I open a puzzle or the analysis board then there is a blank background without the image.
I understood that linking to an external site like imgur is bad practice, I won't do it anymore.
However, your solution with the PNG inline is great :)
You can't post in the forums yet. Play some games!