Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

How to manipulate help text appearance

  • FranzGerbig
  • FranzGerbig's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 1 week ago #168261 by FranzGerbig
How to manipulate help text appearance was created by FranzGerbig
Hi guys,

I'd like to change
a. the help text color
b. quit the border line below and the question-mark.
With the following I haven't been successful so far:
Code:
 
.question-help {
    color:#2c3e50;
}
 
.answer-container, .question-help-container
{
/*not needed - and obsolete without any help text:
    border-style: solid;
*/
}
 
.questionhelp {
}
.survey-question-help img {
display: none;
}

On top I don't get the difference between .questionhelp and .question-help!?:dry:


I appreciate some hints on that!
using LS 3.13.2+180709
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 1 week ago - 7 years 1 week ago #168266 by Joffm
Replied by Joffm on topic How to manipulate help text appearance
Hi, I tested this in default template.

change the help text color by:
Code:
.text-info {
  color: red;
}
to hide the question mark:
Code:
.questionhelp .fa {
  display: none;
}


quit the border line below

Which border line ???

Best regards
Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
Last edit: 7 years 1 week ago by Joffm.
The topic has been locked.
  • FranzGerbig
  • FranzGerbig's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 6 days ago - 7 years 6 days ago #168307 by FranzGerbig
Replied by FranzGerbig on topic How to manipulate help text appearance
Thx a lot Joffm!

The ? is gone, but there's a blank space before the help-text (needed to separate ? and text), still.
Code:
.text-info {
   text-indent: 0;
}
doesn't seem to have any effect on that.


That "border line" between help text and answers (scale) seems to depend solely on the .answer-container, not the .question-help-container (modifying the first removes it):
Code:
.answer-container
{
    border-width: 0px 0px 0px 0px; /*was 0px 1px 0px 1px*/
    padding-top: 3em;
    background-color: white;
}

Greetings
Franz
using LS 3.13.2+180709
Attachments:
Last edit: 7 years 6 days ago by FranzGerbig.
The topic has been locked.
  • holch
  • holch's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 6 days ago #168331 by holch
Replied by holch on topic How to manipulate help text appearance
On a totally different note: Your installation is already 2 years old. You should at least upgrade to the latest version in your branch, which should be 2.7.x.
Help us to help you!
  • Provide your LS version and where it is installed (own server, uni/employer, SaaS hosting, etc.).
  • Always provide a LSS file (not LSQ or LSG).
Note: I answer at this forum in my spare time, I'm not a LimeSurvey GmbH employee.
The topic has been locked.
  • FranzGerbig
  • FranzGerbig's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 6 months ago #176562 by FranzGerbig
Replied by FranzGerbig on topic How to manipulate help text appearance
OK, (as readable in my new signature) I'm using a more recent version of LS 3.13.2+180709.
But now, I can't even manage to change the color of text-info neither make disappear the .fa!?

my failed intempts so far:
Code:
.question-help-container .text-info {
    color: #35363f;
}
 
.fruity .text-info {
    color: #35363f;
    margin-left: 0; /*to align text-info without .fa*/
}
 
.ls-quetsionhelp {
    color: #35363f;
}
 
.fruity .questionhelp .fa {
    display: none;
}

What do you see, what I don't?
using LS 3.13.2+180709
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
6 years 6 months ago #176572 by tpartner
Replied by tpartner on topic How to manipulate help text appearance
What them are you using?

Can you provide a screenshot if what you want changed?
Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The topic has been locked.
  • FranzGerbig
  • FranzGerbig's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
6 years 5 months ago #176712 by FranzGerbig
Replied by FranzGerbig on topic How to manipulate help text appearance
oh, cool - leave it alone for a weekend, and it works (half ;))

The font color is now, what I want it to be (though I don't know, why - I guess, some cache phenomenon).
And for the .fa (make it disappear), now I stumbled over the solution as well:
Code:
.ls-questionhelp:before {
    display: none;

The only thing remaining is the margin-left before the text-info (1.2em; the 2nd part of the code should work - due to the fact, that it does in the browser console, cf picture).
Code:
.fruity .text-info {
    color: #35363f;
    margin-left: 0;
}
 
.ls-quetsionhelp {
    margin-left: 0;
}
using LS 3.13.2+180709
Attachments:
The topic has been locked.
Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source