Left aligned text

[CogSciLanMethLab]

Dear Jeremy,

Hope, you had a relaxing weekend!

We would like to implement a vocabulary-learning task on two consecutive study days. For each study day, we have a separate programming script or experiment link, respectively.

When we ran several test runs about a week ago, all text sections were printed in the center of the computer screen, as it is intended. Since a couple of days, however, the text sections that were written directly in and printed from the main.js, suddenly appear aligned to the very left of the screen even though other text sections from within the trial template or .html files still appear in the middle. For a brief moment, it was even impossible to click the buttons in order to move to the next page, because the respective text sections were printed too far to the left and cut off parts of the lines.

We have not changed anything in the scripts so that we wonder why this issue suddenly came into existence.

We would highly appreciate if you could please have a brief look at the problem and let us know, where our mistake is.

Demo-Link study day 1: https://farm.pcibex.net/r/awCzWx/
Demo-Link study day 2: https://farm.pcibex.net/r/AYThnP/

Thank you very much for your help!

Best,
CogSciLanMethLab

[Jeremy]

Hi,

These issues seem to have been solved in the meantime. Different versions of PennController come with different ways of rendering the content of the experiment, in a way that some aesthetics rules in the .css files of the project may stop to apply to certain elements. When this happens, edit your file PennController.css to adapt the rules accordingly (it is usually a matter of playing around with the rules width, left, margin and transform: translate)

Jeremy

[Author]

Posts