Topic change css of chinese keymanweb

We have two new locations for Keyman technical support:

The Tavultesoft Forums are now read only.


# change css of chinese keymanweb   2015-01-04 12:11:36.647
Matt
I previously posted a question about changing the css for the keymanweb at http://www.tavultesoft.com/forums/topic.php?ForumTopicID=370 .

This works well except for the Chinese keyboard.

In my css I have added:

:
.desktop .kmw-title-bar, .desktop .kmw-footer, .desktop .kmw-arrow-border, .desktop .kmw-arrow-content {
    background-color: #9b9b9b;
}


:
.desktop .kmw-osk-inner-frame.kmw-keyboard-chinese {
    border: 2px solid #9b9b9b;
}


However, the Chinese keyboard does not change. I have tried all css classes at http://help.keyman.com/developer/engine/web/2.0/reference_kmw20_osk_classes.php, but Chinese keyboard does not change colour.

Can you suggest a solution?

Thanks.
# RE: change css of chinese keymanweb   2015-01-06 09:06:50.490
Marc Durdin
Tavultesoft Staff
The Chinese keyboard is in our queue to update for KeymanWeb 2.0 - at present it still uses a mixture of custom styling and version 1.0 styling, as its user interface is quite different to most of the other keyboards in our catalogue.

For now, the following may help. Use the element inspector in your browser to inspect the relevant parts of the Chinese keyboard user interface. The two key parts are the title bar, and the context area.

The title bar has the class name "kmw-keyboard-chinese" and the context area has the ID #Help_Keyboard_chinese. With these, you can construct rules such as:

.kmw-keyboard-chinese > div {
background: blue !important;
}

#Help_Keyboard_chinese > div {
color: blue !important;
}

You will need the !important override as the styles are defined on the elements at present. The element inspector in your browser will help you to identify other elements of the user interface.