Player Pane Text Resize

Anonynn
10 Nov 2016, 06:12I know we can manipulate the actual text in the game with this command...
SetFontSize (ToInt(result))
But is there a way to do that for the text in the player panes as well? Just curious. :) Thank you ahead of time!

Anonynn
11 Nov 2016, 18:03I was wondering if the pane codes might be buried somewhere in the Filter/Advanced Tree but nothing popped up as helpful.
First I tried "Pane" and "Panes" but nothing helpful appeared.
Then I tried "inventory" but the only thing that popped up that sounded like it might be similar was the "EditorGameShowpanesInventory" but nothing about the text size was imbedded in it.
--- I wonder if it could be in the Javascript route like this;
JS.eval ("$('#inventoryAccordion.ui-widget-content').css('background', 'black')")
JS.eval ("$('#inventoryAccordion.ui-widget-content').css('color', 'grey')")
JS.eval ("$('#inventoryLabel').css('background', 'black')")
JS.eval ("$('#inventoryLabel').css('color', 'grey')")
Nothing so far :) I'll keep you guys posted.

OurJud
11 Nov 2016, 18:08Can you not just do it with CSS? Find out the name of the selector for the text in question and say:
.whatever {font-size: 12px;}

Anonynn
11 Nov 2016, 18:23That's part of the problem :) ((And I don't know diddly-squat about CSS!))

OurJud
11 Nov 2016, 21:19Okay, I don't use panes of any sort, so can you please explain exactly what you mean by the 'text in the player panes'.

OurJud
11 Nov 2016, 21:40Right, the selector name for the pane headings (Inventory, Places and Objects and Compass) is: h3 .accordion-header-text
The lists in Inventory and Places and Objects is: .elementList li
So:
h3.accordion-header-text {font-size: 12px;}
Will control the size of the pane header text (change the value of 12px up or down to for bigger/smaller font)
And:
.elementList li {font-size: 12px;}
Will change the size of the text in the lists.
These would go in your game code's CSS. If you don't have a CSS block in your game's code, then you need to add one. Follow The Pixie's instructions here: http://textadventures.co.uk/forum/quest/topic/cbsoydnuxkynv_d7ag2nla/removing-command-border#9fb40ed3-2198-42c9-b9aa-ecbd18f0c922
Where The Pixie had said:
#txtCommand {
outline:none;
border: none;
}
Replace it with:
h3.accordion-header-text {font-size: 12px;}
.elementList li {font-size: 12px;}