How to swap the new design with the old one
Posted: 15 April 2026, 14:40
Hey guys,
So, not many know that BGA allows you to use custom CSS for site customization. Using this feature, I’ve swapped the new card design back to the old one and you can do the same if you like. It's not perfect by any means, I couldn't be bothered (yet) to do it pixel-perfect, and I only swapped the cards, nothing else. But still, here's how it looks:
You can find the advanced settings here: https://boardgamearena.com/preferences?section=advanced
If anything goes wrong or if you don't like what you see, you can always just delete what you've put in the CSS box and everything will revert back to normal.
And here's the code to put in:
Note that I put the old cards design on imgur, so I'm not hosting the file.
edit:
I also added black borders to the numbers in history and changed some colors, so it's easier to see.
Here's a code for this:
And I also switched the board to the old design. I feel that with the new one, it's hard to see if cards were taken or put on the board.
Code:
So, not many know that BGA allows you to use custom CSS for site customization. Using this feature, I’ve swapped the new card design back to the old one and you can do the same if you like. It's not perfect by any means, I couldn't be bothered (yet) to do it pixel-perfect, and I only swapped the cards, nothing else. But still, here's how it looks:
You can find the advanced settings here: https://boardgamearena.com/preferences?section=advanced
If anything goes wrong or if you don't like what you see, you can always just delete what you've put in the CSS box and everything will revert back to normal.
And here's the code to put in:
Code: Select all
.lost-cities-card-front {
background-color: transparent !important;
background-image: url("https://i.imgur.com/0UO2pXN.png") !important;
}edit:
I also added black borders to the numbers in history and changed some colors, so it's easier to see.
Here's a code for this:
Code: Select all
.logicon {
background-color: #1f1f1e;
border-radius: 4px;
padding: 1px 4px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
.logicon_value_blue {
color: #4da6ff !important;
}
.logicon_value_orange {
color: #d83a40 !important;
}
.logicon_value_purple {
color: #fefdfe !important;
}Code:
Code: Select all
#board_surface {
background-image: url("https://i.imgur.com/wfF2B5E.jpeg") !important;
}
