How to swap the new design with the old one

[CoreySteel]

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:

Code: Select all

.lost-cities-card-front {
    background-color: transparent !important;
    background-image: url("https://i.imgur.com/0UO2pXN.png") !important;
}

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:

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;
}

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:

Code: Select all

#board_surface {
    background-image: url("https://i.imgur.com/wfF2B5E.jpeg") !important;
}

[Cxithrha]

Nice find but the url used in the css is invalid

[CoreySteel]

Eh, sorry. Fixed

[shoshie]

It worked for me! Thank you so much!!!!! At least now I can see the cards

Sadly I still cannot read some of the numbers and stuff iin the history (I'm visually impaired and putting the colors there means not sufficient contrast for me to be able to distinguish them on the background and/or between the colors that are almost identifcal)

[shoshie]

Just one question - if one wants to go back after doing the CSS change, can you advise how to get back to the site default?

(Asking in case they fix the graphics in the future)

[mbjurstrom]

Just one question - if one wants to go back after doing the CSS change, can you advise how to get back to the site default?

(Asking in case they fix the graphics in the future)

I assume you just remove the custom css you pasted and it goes back to the default

[nooooo00]

Thank you so much!!!!!! It works great on tablets as well. I appreciate it a lot

[dsoileau]

Thank you!

[tttiiinnnaaa]

Thank you so much. Now i have as much tech knowledge as the average 80 year old so i have to ask; can this be done when playing on a smartphone via the internet/website? I dont use the app, but i use my phone.

[NlGHTCHEESE]

Thank you for this! It helps a lot!