How to manipulate help text appearance

Mehr
7 Monate 1 Woche her #168261 von FranzGerbig
FranzGerbig erstellte das Thema 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

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
7 Monate 1 Woche her - 7 Monate 1 Woche her #168266 von Joffm
Joffm antwortete auf das Thema: 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
Anhang:
Letzte Änderung: 7 Monate 1 Woche her von Joffm.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
7 Monate 1 Woche her - 7 Monate 1 Woche her #168307 von FranzGerbig
FranzGerbig antwortete auf das Thema: 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
Anhang:
Letzte Änderung: 7 Monate 1 Woche her von FranzGerbig.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
7 Monate 1 Woche her #168331 von holch
holch antwortete auf das Thema: 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

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Monat 4 Tage her #176562 von FranzGerbig
FranzGerbig antwortete auf das Thema: 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

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Monat 3 Tage her #176572 von tpartner
tpartner antwortete auf das Thema: 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.

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Mehr
1 Monat 1 Tag her #176712 von FranzGerbig
FranzGerbig antwortete auf das Thema: 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
Anhang:

Bitte Anmelden oder Registrieren um an der Konversation teilzunehmen.

Jetzt loslegen!

Melden Sie sich jetzt an, und erstellen Sie in wenigen Minuten Ihre erste Umfrage.

Account einrichten

Abonnieren Sie unseren Newsletter

Abonnieren Sie unseren Newsletter für alle Neuigkeiten rund um LimeSurvey
captcha