Change color and text size of choice buttons

[rkorpan]

Hi! I wanted to find out if it was possible to make the choice text bigger and to change their color from orange to something else?

[Ting]

Hi! For font size, there's actually a yet-to-be documented feature for it. You can add:

Code:

"font_size": "18px"

to your choice response to make the text 18px large, or whatever works for you.

For the color unfortunately there's no solutions for now, but in the future we do plan to introduce color themes. Sorry about that.

[rkorpan]

Thank you!

[mkrishnaswamy]

Hi! For font size, there's actually a yet-to-be documented feature for it. You can add:

Code:

"font_size": "18px"

to your choice response to make the text 18px large, or whatever works for you.

For the color unfortunately there's no solutions for now, but in the future we do plan to introduce color themes. Sorry about that.

IT WORKED AFTER THE EXPERIMENT WAS REFRESHED.

I face the same issue. I defined the text for the responses thus:

Code:

{
  "type": "text",
  "content": "T",
  "size": "30px",
  "alignment": "center"
}

And the response looks like this:

Code:

{
  "type": "choice",
  "choices": [
    "%s:1_text",
    "%s:2_text",
    "%s:3_text"
  ],
  "target": [
    "%s:1_text"
  ],
  "locations": "fixed",
  "key_mapping": [
    "J",
    "K",
    "L"
  ],
  "key_only": true,
  "instruction": "Press the corresponding key to record your answer:",
  "font_size": "30px"
}

I specified the font size in both places, but the text and button size are still very small. Is there a different way to improve readability?

Thanks in advance!

[Ting]

Hey...sorry, so did it work or not? "size" for text stimuli and "font_size" for the choice response, either or both?

if it worked after the experiment was refreshed, then yes that's the expected behavior. you should always regenerate your experiment by clicking the "play" button after every change.

[M. Yarkin ERgin]

Hey, to revive this thread:

I tried both font_size and size and neither worked.

[Ting]

Hmm...something like this definitely works:

Code:

{
  "type": "choice",
  "choices": [
    "LEFT",
    "RIGHT"
  ],
  "font_size": "25px",
  "target": "LEFT",
  "instruction": "Choose wisely, Indiana Jones!"
}