🇬🇧 ENGLISH VERSION // Adding a custom CSS file to Board Game Arena

The BGA site is pretty old school and sometimes just unclear! This is an attempt to improve it a little using only CSS.

Please read ALL the instructions below otherwise it will seem like the site is broken!!

1. Log in to BGA using that link
   1. If you weren't taken straight to a page with a textarea input on it...
   2. Click the icon in the top right -> "Preferences" -> "Advanced" tab
2. In another window, open and copy the custom CSS code
3. Back in the first window paste the entire contents of that file into the text box and press "Save"
4. It would be nice if that was all you had to do, but BGA has a bug with this system. You need to follow this path to actually enable the code:
   1. Scroll down past the mess of CSS code that will now be at the top of the screen
   2. Click on any of the header menu items ON THE LEFT HAND SIDE (e.g. Play Now, News, Games etc.)
   3. Refresh that page manually DO NOT SKIP THIS

After that is complete, the site should look largely similar, but have a slightly cleaner style and display messages and prompts in a manner that they are easier to follow.

Enjoy!

🇫🇷 FRENCH VERSION // Ajout d'un fichier CSS personnalisé à Board Game Arena

Le site de BGA est assez vieux jeu et parfois pas très clair ! C'est une tentative pour l'améliorer un peu en utilisant seulement CSS.

Veuillez lire TOUTES les instructions ci-dessous, sinon vous aurez l'impression que le site est cassé !.

1. [Connectez-vous à BGA] (https://en.boardgamearena.com/account?redirect=/preferences?section=advanced) en utilisant ce lien.
   1. Si vous n'avez pas été amené directement sur une page avec une zone de texte...
   2. Cliquez sur l'icône en haut à droite -> "Préférences" -> onglet "Avancé".
2. Dans une autre fenêtre, ouvrez et copiez le code CSS personnalisé
3. De retour dans la première fenêtre, collez l'intégralité du contenu de ce fichier dans la zone de texte et appuyez sur "Enregistrer".
4. Ce serait bien si c'était tout ce que vous aviez à faire, mais BGA a un bug avec ce système. Vous devez suivre ce chemin pour activer réellement le code :
   1. Faites défiler l'écran vers le bas et dépassez le code CSS qui se trouve maintenant en haut de l'écran.
   2. Cliquez sur l'un des éléments du menu d'en-tête DU CÔTÉ GAUCHE *(par exemple, Jouer maintenant, Nouvelles, Jeux, etc.) *.
   3. Rafraîchissez cette page manuellement Ne sautez pas cette étape.

Une fois cette opération terminée, le site devrait avoir un aspect très similaire, avec un style un peu plus épuré et un affichage des messages et des invites de manière à ce qu'ils soient plus faciles à suivre.

Bonne lecture !