How to add opacity to the question container?

MaxBF92MaxBF92 GermanyCommunity Member Qubie ✭
edited July 29 in Custom Code

How to add opacity to the question container?

Hello Community I need your help again.


I have two questions:

Q1) I'm trying to make the background of the question text gray transparent, so the question box and the answers look the same.

I did this with Java. But the font is now transparent. D


o you have an idea how I can solve this?

I used the following code


Qualtrics.SurveyEngine.addOnload(function()

{

   jQuery("#"+this.questionId+" .QuestionText").css("background","#888888").css({ opacity: 0.175 });

   jQuery("#"+this.questionId).css("padding-bottom","0px");


});


It's the only option I've found so far. Do you have any idea how to make it better?

Q2.)

Since I ould like to work with transparency, I would like to have an empty space between the text of the question and the answers themselves.

I can only get the grey container to enlarge - I can't create a gap between them. Do you have any ideas here?


Thanks in advance!

Answers

  • MichelleCMichelleC East Lansing, MIFounding Community Member, Community Member Sage ✭✭✭

    On an off topic, have you considered if those with visual disabilities will be able to read your content? Some visual disabilities make it difficult for the reader to access content that is not b/w or visually distinct.

Sign In to Comment