2024 and option to center the board on the screen still missing from chess.com
Cutting edge UI
Anyone else like to move their seat a few inches to the side when playing OTB for the authentic chess.com experience?
Cant you just center the damn board
Sort:
@XXCIIIVV : 1. BISON! ... 2. Tuu nomen debat essere CXXXIII ... o CXIII ... o CXI ... o CXXXI? 🤷♂️
May 17, 2024
0
#24
if you play on mobile, its centered. the downside tho is:
1. too small.
2. only allows you to pre-move once then wait for your opponent to move.
3. misclicking is more common.
4. cant draw arrows (possible on pc by holding the right click button and then dragging it to the square you want the arrow to go).
5. harder to focus.
good side:
1. cetralized board.
2. u can see the board better.
1. too small.
2. only allows you to pre-move once then wait for your opponent to move.
3. misclicking is more common.
4. cant draw arrows (possible on pc by holding the right click button and then dragging it to the square you want the arrow to go).
5. harder to focus.
good side:
1. cetralized board.
2. u can see the board better.
May 21, 2024
0
#25
The only way i have found to center the board is to zoom from 100% to 25%, although the hidden UI problem still exists.
xShenJingbingx wrote:
I made a lazy tampermonkey skript which centers the board in focus mode
// ==UserScript==
// @name Chess com board script
// @namespace https://tampermonkey.net/// @version 0.1
// @description Center Chess.com board
// @author ShenJingBing
// @match https://www.chess.com/*
// ==/UserScript==
(function() {
getElementsByClassName("opened-chats-container")[0].setAttribute("style", "margin-left: 35vh !important;")
}
)();
ip grabber
@realuserbae64 @x6px @mjkaodshu @AerisChua You can use the browser extension I've sent in this forum. Read my previous answers.
May 22, 2024
0
#28
t3esla wrote:
@realuserbae64 @x6px @mjkaodshu @AerisChua You can use the browser extension I've sent in this forum. Read my previous answers.
No thanks, chess.com can actually just center the board.
realuserbae64 wrote:
t3esla wrote:
@realuserbae64 @x6px @mjkaodshu @AerisChua You can use the browser extension I've sent in this forum. Read my previous answers.
No thanks, chess.com can actually just center the board.
You can do whatever you want, but I'm pretty sure they won't do it, since the main reason to the board not being centered if the ad in the right part of the screen.
t3esla wrote:
I've coded a browser extension to centralize the board in chess.com, how to use:
If you are using Firefox, go to : Board Centralizer
If you are using Chrome (or similar) or want to install and inspect the code by yourself, go to: BoardCentralizerGithub
If you are using Chrome (or similar) but don't want to install the extension by yourself, in order to allow me to create a Chrome Web Store account and publish the extension, please consider donate $5 to my PayPal BoardCentralizerPayPal. The license of the extension is MIT, therefore anybody with the means to publish it is free to do it.
it works great, but the board is actually slightly to the right of center. better than standard for sure though. thank you!
@Rayless I'm happy it was usefully to you. If you don't mind, you can send me in chat more information about your screen and browser, this way I can try to update the code to work better.
I use brave and it works. BUT i have a red line running down in the middle of the screen. Anyone any idea ?
t3esla wrote:
I've coded a browser extension to centralize the board in chess.com, how to use:
If you are using Firefox, go to : Board Centralizer
If you are using Chrome (or similar) or want to install and inspect the code by yourself, go to: BoardCentralizerGithub
If you are using Chrome (or similar) but don't want to install the extension by yourself, in order to allow me to create a Chrome Web Store account and publish the extension, please consider donate $5 to my PayPal BoardCentralizerPayPal. The license of the extension is MIT, therefore anybody with the means to publish it is free to do it.
thank you sm for this!
Dec 13, 2024
0
#34
@Rayless Board centralizer for chrome stopped working. I can see some errors in extension settings - I think it could be due to chess.com frontend changes.
error: app.js:18 (anonymous function) for ad.style.display = "none"
hi i am new
Install the TamperMonkey extension in your browser of choice, create a new script and paste in my code from below. The script centers the board dynamically, even when resizing the board or browser window:
// ==UserScript==
// @name Chess.com centered board
// @namespace
// @version 2025-03-02
// @description Centers the chess.com board.
// @author NotGrandNorMaster on Lichess
// @match https://www.chess.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant none
// ==/UserScript==
function centerBoard() {
// Get board and chats container elements:
let board = getElementsByClassName("board")[0];
let chatsContainer = getElementsByClassName("opened-chats-container")[0];
// Get locations and sizes:
let windowCenter = innerWidth / 2;
let boardCenter = board.getBoundingClientRect().x + board.getBoundingClientRect().width / 2;
let chatWidth = chatsContainer.getBoundingClientRect().width;
// Calculate and set the new chats container width:
let newChatWidth = chatWidth + windowCenter - boardCenter;
chatsContainer.setAttribute("style", `width: ${newChatWidth}px !important;`);
// The board is now centered!
}
centerBoard();
addEventListener("resize", (event) => {
centerBoard();
} );
Oct 16, 2025
0
#37
xShenJingbingx wrote:
I made a lazy tampermonkey script which centers the board in focus mode
// ==UserScript==
// @name Chess com board script
// @namespace https://tampermonkey.net/// @version 0.1
// @description Center Chess.com board
// @author ShenJingBing
// @match https://www.chess.com/*
// ==/UserScript==
(function() {
getElementsByClassName("opened-chats-container")[0].setAttribute("style", "margin-left: 35vh !important;")
}
)();
you were missing "document." before the "getElement..."
@Baabashi You can download the code directly from the GitHub and add it manually: https://github.com/Adrian-Oliveira/BoardCentralizer/tree/production
You only need to extract the files and load it in chrome://extensions/ with the developer mode on (make sure to load the chrome folder).
Worked. Thank you!