Millisecond Forums

Hi all -

I am attempting to change the font and size on my instructions page. Right now, it's very small and uncentered. I'd like the font to be centered and bigger. It seems though no matter what I change in the <text> block (see below) the changes don't appear when I run element. Below is the code, as well as my defaults:

<block pageinstruct1>
/ preinstructions = (instruct1,instruct2,instruct3)
/ response=correct
</block>

<page instruct1>
Welcome to the Circle Task!
</page>

<page instruct2>
In this task, there will be a circle that expands at different speeds on different color backgrounds.
Your goal is to earn the most points by stopping the circle from reaching maximum size by pressing the space bar.
</page>

<page instruct3>
This is what a circle at maximum size looks like.
</page>

<text>
/items= (instruct1; instruct2; instruct3)
/ position = (50%, 50%)
/ txcolor = white
/ hAlign = center
/ vAlign = center
/ txbgcolor = transparent
/ fontStyle = ("Courier New",90in, false, false, false, false)
</text>


<defaults>
/ canvasaspectratio = (4,3)
/ txbgcolor = transparent
/ txcolor = black
/ screencolor = white
/ inputdevice = keyboard
/ windowsize = (95%, 95%)
</defaults>

output file
<data>
/ columns = (date, time, subject, group,
blockcode, blocknum, trialcode,trialNum,latency, script.elapsedTime, values.totalQuizCorrect)
</data>

+x

 

tsmith - 9/15/2025

Hi all -

I am attempting to change the font and size on my instructions page. Right now, it's very small and uncentered. I'd like the font to be centered and bigger. It seems though no matter what I change in the <text> block (see below) the changes don't appear when I run element. Below is the code, as well as my defaults:

<block pageinstruct1>
/ preinstructions = (instruct1,instruct2,instruct3)
/ response=correct
</block>

<page instruct1>
Welcome to the Circle Task!
</page>

<page instruct2>
In this task, there will be a circle that expands at different speeds on different color backgrounds.
Your goal is to earn the most points by stopping the circle from reaching maximum size by pressing the space bar.
</page>

<page instruct3>
This is what a circle at maximum size looks like.
</page>

<text>
/items= (instruct1; instruct2; instruct3)
/ position = (50%, 50%)
/ txcolor = white
/ hAlign = center
/ vAlign = center
/ txbgcolor = transparent
/ fontStyle = ("Courier New",90in, false, false, false, false)
</text>


<defaults>
/ canvasaspectratio = (4,3)
/ txbgcolor = transparent
/ txcolor = black
/ screencolor = white
/ inputdevice = keyboard
/ windowsize = (95%, 95%)
</defaults>

output file
<data>
/ columns = (date, time, subject, group,
blockcode, blocknum, trialcode,trialNum,latency, script.elapsedTime, values.totalQuizCorrect)
</data>

Font size for instruction <page> elements is set in the <instruct> element.
https://www.millisecond.com/support/docs/current/html/language/elements/instruct.htm

Fomratting like centering certain parts can be achieved with HTML markup:
https://www.millisecond.com/support/docs/current/html/language/markup.htm

Example:

Hi! Thank you so much for this, Dave. 

I have tried to make the adjustments, but it doesn't seem to be working. My current code is below.
It seems though no matter what font I define in /fontStyle or size, it does not change when I run the element.

<block pageinstruct1>
/ preinstructions = (instruct1,instruct2,instruct3)
/ response=correct
</block>

<page instruct1>
Welcome to the Circle Task game!
</page>

<page instruct2>
In this game, there will be a circle that expands slowly or quickly on two different color backgrounds.
The goal of this task is to earn the most points possible.
You earn points by stopping the circle before it reaches maximum size.
You will get the most points for growing the circle the closest to max size without going over.
</page>

<page instruct3>
This is what a circle at maximum size looks like.
</page>

<text>
/items= (instruct1; instruct2; instruct3)
/ position = (50%, 50%)
/ txcolor = white
/ hAlign = center
/ vAlign = center
/ txbgcolor = transparent
/ fontStyle = ("Courier New", 4%)
</text>

+x

 

tsmith - 9/16/2025

Hi! Thank you so much for this, Dave. 

I have tried to make the adjustments, but it doesn't seem to be working. My current code is below.
It seems though no matter what font I define in /fontStyle or size, it does not change when I run the element.

<block pageinstruct1>
/ preinstructions = (instruct1,instruct2,instruct3)
/ response=correct
</block>

<page instruct1>
Welcome to the Circle Task game!
</page>

<page instruct2>
In this game, there will be a circle that expands slowly or quickly on two different color backgrounds.
The goal of this task is to earn the most points possible.
You earn points by stopping the circle before it reaches maximum size.
You will get the most points for growing the circle the closest to max size without going over.
</page>

<page instruct3>
This is what a circle at maximum size looks like.
</page>

<text>
/items= (instruct1; instruct2; instruct3)
/ position = (50%, 50%)
/ txcolor = white
/ hAlign = center
/ vAlign = center
/ txbgcolor = transparent
/ fontStyle = ("Courier New", 4%)
</text>

As I wrote, font style for instruction <page> elements is defned in the <instruct> element. You have no <instruct> element defined, what you define in an unrelated <text> element is entirely irrelevant for instruction pages. Please take another close look at the code I example I gave you upthread, which shows exactly how it's done.