Is there a way to make clock bigger?

Sort:
Oldest
bankoletti

Well, title says it all. It's really too small - I'd like to enlarge it and I'd be surprised it wouldn't be among options somewhere, but for the sake of me I cannot find it - is it perhaps enabled only for premium members?  I'm loosing at least 1/4 of my games because I overlook the clock (and the rest 3/4 because I randomly hang a heavy piece :D), plus I have a vision disability. Chesscube has much nicer clock (but that's about everything that's nicer over there IMO).

Thanks!

bankoletti

LOL ok, thanks :D

Arcanto

Same problem here...

I have the chess board using less than 1/6 of my screen.

I have plenty of room in my screen with lots of white spots unused, yet the clock is small as hell, and I love to play 1 minutes games. I lirerally don't have time to focus on the clock. I need to sense when I'm about to loss without looking at it directly.

So, it would be nice to be able to choose where and how big have the clock... And I really know this is FAR TO EASY to implement to don't do it...

Arcanto

By the mean time, try: document.getElementById('white_timer_29014').style='font-size:44px'; on the console

mrthomasely

You're right!!

chiefter22

How is it that we are 10 years later and we still cant adjust the clock size on chess.com?

StumpyBlitzer

Maybe because there isn't any requests to make them bigger. 

Maybe make a suggestion and this goes to staff 

https://support.chess.com/article/295-how-do-i-report-a-bug-or-make-a-suggestion

Thanks 

axlmcred

just google it... tons of people are asking for it

 

SteveL99

Ok, for good measure: Please put in an option to make the clock bigger.

 

Dropz0ne

Open up dev inspector, in chrome, CTRL + SHIFT+ I. Default font size below is 2.6 rem. Set it to 3.6. As long as you dont reload window it should work!

.clock-component.clock-theatre {
  1. background-clip: content-box;
  2. font-size: 3.6rem;
  3. height:
    5rem
    ;
  4. justify-content: center;
  5. line-height: 4.4rem;
  6. padding-right: 0;
  7. position: absolute;
  8. width: 100%;
}
x-0986252049

Custom styling plugins like stylish

Pallini86

Lichess does a way beter job at it.

benbilman

I've been using the chrome extension "stylish" and i've been playing around with this one

https://userstyles.org/styles/271814#

I'm sure you could do anything with this if you know some css

Heres one I made

.clock-component {
font-size: 8rem !important;
padding-left: 100px !important;
background-color: transparent !important;
}

.clock-icon-icon {
opacity: 0 !important;
}

.clock-time-monospace {
color: lime !important;
text-shadow: 
-10px -4px 7px #000,
0px -0px 0 #000,
5px 0px 0 #fff,
-10px 0px 1px #161616;
}

.clock-component:not(.clock-player-turn) {
opacity: .9 !important;
filter: grayscale(1) !important;
}

.move-time-time {
font-size: 5rem !important;
background-color: transparent !important;
color: lime !important;
text-shadow: 
-10px -4px 7px #000,
0px -0px 0 #000,
5px 0px 0 #fff,
-10px 0px 1px #161616;
}

.move-time-inactive {
opacity: .3 !important;
filter: grayscale(1) !important;
}

.move-time-content {
overflow: visible !important;
}

Pallini86

I ended up with this:
.clock-component.clock-theatre {
 background-clip: content-box;
 font-size: 7rem;
 height: 12rem;
 width: 20rem !important;
 margin-right: 20rem; 
 justify-content: center;
 line-height: 8rem;
 padding-right: 0;
 position: absolute;
 width: 100%;
}

Forums
Forum Legend
Following
New Comments
Locked Topic
Pinned Topic