How to manipulate help text appearance

More
8 months 2 weeks ago #168261 by FranzGerbig
FranzGerbig created the topic: How to manipulate help text appearance
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:
 
.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

Please Log in or Create an account to join the conversation.

More
8 months 2 weeks ago - 8 months 2 weeks ago #168266 by Joffm
Joffm replied the topic: How to manipulate help text appearance
Hi, I tested this in default template.

change the help text color by:
.text-info {
  color: red;
}
to hide the question mark:
.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: 8 months 2 weeks ago by Joffm.

Please Log in or Create an account to join the conversation.

More
8 months 2 weeks ago - 8 months 2 weeks ago #168307 by FranzGerbig
FranzGerbig replied the 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.
.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):
.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: 8 months 2 weeks ago by FranzGerbig.

Please Log in or Create an account to join the conversation.

More
8 months 2 weeks ago #168331 by holch
holch replied the 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.

I'm not a LimeSurvey GmbH member. I answer at the LimeSurvey forum in my spare time. No support via private message.
Some helpful links: Manual (EN) | Question Types | Workarounds

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #176562 by FranzGerbig
FranzGerbig replied the 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:
.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

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #176572 by tpartner
tpartner replied the 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.

Please Log in or Create an account to join the conversation.

More
2 months 1 week ago #176712 by FranzGerbig
FranzGerbig replied the 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:
.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).
.fruity .text-info {
    color: #35363f;
    margin-left: 0;
}
 
.ls-quetsionhelp {
    margin-left: 0;
}

using LS 3.13.2+180709
Attachments:

Please Log in or Create an account to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now
Join our Newsletter!