Is there a way to make clock bigger?

Sort:
Avatar of 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!

Avatar of bankoletti

LOL ok, thanks :D

Avatar of 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...

Avatar of Arcanto

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

Avatar of mrthomasely

You're right!!

Avatar of chiefter22

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

Avatar of 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 

Avatar of axlmcred

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

 

Avatar of SteveL99

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

 

Avatar of 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%;
}
Avatar of x-0986252049

Custom styling plugins like stylish

Avatar of Pallini86

Lichess does a way beter job at it.

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

Avatar of 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%;
}