Replies: 3 comments
-
|
For issues such as these I usually launch into the developer mode (F12 on most browsers), and inspect the elements to see what css classes have been assigned to them. And then I override these properties in the style section of my HTML file. To change the background color, I used the descendant selector for the This is my head section (you might have different syntax for importing some of the jsPsych stuff): I tested it with the first example on this page. Is this what you need? |
Beta Was this translation helpful? Give feedback.
-
|
That is perfect. Thank you very much.
I may be pushing it, but ... I have a question based on the attached screen
shot. Is there any chance you know how I can get "Intrusion?" and the text
box to be in the same line as each other? And then, some way to remove the
large space between the two intrusion lines? I want to make things as
compact as possible.
Thank you.
[image: Screen Shot 2023-03-23 at 9.43.40 AM.png]
…On Wed, Mar 22, 2023 at 4:03 PM Christophe Bossens ***@***.***> wrote:
For issues such as these I usually launch into the developer mode (F12 on
most browsers), and inspect the elements to see what css classes have been
assigned to them. And then I override these properties in the style section
of my HTML file.
To change the background color, I used the descendant selector for the
.sv_main class, so that it is applied to all div elements that follow
(otherwise I could not get it to work :D).
This is my head section (you might have different syntax for importing
some of the jsPsych stuff):
<head>
<title>My experiment</title>
<script src="../jspsych73/jspsych.js"></script>
<link href="../jspsych73/jspsych.css" rel="stylesheet" type="text/css" />
<script src="../jspsych73/plugin-survey.js"></script>
<link rel="stylesheet" ***@***.******@***.***/css/survey.css">
<style>
.sv_main div{
background-color: aquamarine;
}
.sv_main {
font-family:'Courier New', Courier, monospace;
font-size: 16px;
text-align: center;
}
</style>
</head>
I tested it with the first example on this page
<https://www.jspsych.org/7.3/plugins/survey/#examples>. Is this what you
need?
—
Reply to this email directly, view it on GitHub
<#2989 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AAIWBI5USL5Z6EAU4UN6UPDW5NLINANCNFSM6AAAAAAWEEH5TQ>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
Beta Was this translation helpful? Give feedback.
-
|
I probably can but I cannot see the image so I do not really know what you mean :). Can you share the image in another way? |
Beta Was this translation helpful? Give feedback.
-
Hello, I have made a survey with multi-select and three text boxes. I need them to appear all on the same page. I used jsPsychSurvey to do this and it works fine. However, I would like to customize the background color and the fonts to conform with the rest of my tasks. May I have some guidance on how to do this, please?
I have included this CSS in my html:
I find this CSS so complicated that I cannot make any headway into modifying my survey.
Any guidance is greatly appreciated.
Beta Was this translation helpful? Give feedback.
All reactions