Welcome to the LimeSurvey Community Forum

Ask the community, share ideas, and connect with other LimeSurvey users!

Question background color

  • avirgolino
  • avirgolino's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 years 11 months ago #196395 by avirgolino
Question background color was created by avirgolino
Hi,
I would like to change the opacity of the question container (se in attach) and make it partially transparent, so the background image could be seen.
How can I do it?

Thank you!
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 11 months ago #196396 by Joffm
Replied by Joffm on topic Question background color
Hi,
if you use a webdeveloper tool that is included in each modern browser, you will see that there are two classes involved.

.question-title-container
.question-valid-container

In your extended theme set their opacity to the desired value in "custom.css".

something like
Code:
.question-title-container, .question-valid-container {
  opacity: 0.6;
}

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 11 months ago #196408 by Joffm
Replied by Joffm on topic Question background color
By the way:
If you want the opacity for the whole question, (title, validation, answer and help)
it is just
Code:
.question-container {
  opacity: 0.6;
}

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: cdorin
The topic has been locked.
  • avirgolino
  • avirgolino's Avatar Topic Author
  • Offline
  • Junior Member
  • Junior Member
More
3 years 11 months ago #196409 by avirgolino
Replied by avirgolino on topic Question background color
Tank you.
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose