How to manipulate help text appearance

Plus d'informations
il y a 7 mois 1 semaine #168261 par FranzGerbig
FranzGerbig a créé le sujet : 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 mois 1 semaine - il y a 7 mois 1 semaine #168266 par Joffm
Joffm a répondu au sujet : 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
Pièces jointes :
Dernière édition: il y a 7 mois 1 semaine par Joffm.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 mois 1 semaine - il y a 7 mois 1 semaine #168307 par FranzGerbig
FranzGerbig a répondu au sujet : 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
Pièces jointes :
Dernière édition: il y a 7 mois 1 semaine par FranzGerbig.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 7 mois 1 semaine #168331 par holch
holch a répondu au sujet : 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 4 jours #176562 par FranzGerbig
FranzGerbig a répondu au sujet : 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

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 3 jours #176572 par tpartner
tpartner a répondu au sujet : 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.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 1 mois 1 jour #176712 par FranzGerbig
FranzGerbig a répondu au sujet : 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
Pièces jointes :

Connexion ou Créer un compte pour participer à la conversation.

Commencez dès maintenant !

Créez simplement un compte et commencez à utiliser LimeSurvey dès aujourd'hui.

Inscrivez-vous maintenant

Inscrivez-vous à notre Newsletter!