Welcome to the LimeSurvey Community Forum

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

How to change o remove icons in LimeSurvey 2.05+?

  • Usapuka
  • Usapuka's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 9 months ago #138337 by Usapuka
Hi,
I would like to remove the help (?) icon and change the (!) icon, how can I do that?
Thanks for your help!
Regards
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 9 months ago #138339 by Joffm
Hi, Usapuka,
you can remove the "help"- image (yes. it is implemented as image) by adding the following to your template.
.survey-question-help img {
display: none;
}

Which template do you use?
In the "default" template and in "basic" as well there is no icon in front of this message.
It is implemented as "<span class="errormandatory">This question is mandatory. </span>".

Best regards
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The topic has been locked.
  • Usapuka
  • Usapuka's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 9 months ago #138345 by Usapuka
Hi Joffm,
Thanks for your answer, your solution do not with LimeSurvey 2.05+ because they use icons and not images.
I tried also with the default template (please see attachment).
Regards,
Attachments:
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 9 months ago - 7 years 9 months ago #138348 by Joffm
Hi, Usapuka,
oh, you use LS 2.50. Your topic (2.05+) is a bit misleading.

To remove the questionmark of the help text you can add to your template:
.questionhelp span {
display: none;
}

See screenshot.

But how you change the exclamation mark of the mandatory text, I do not know.
It' implemented as:
<p class="errormandatory text-danger" role="alert">
<span class="fa fa-exclamation-circle" aria-hidden="true"></span>
Bitte beantworten Sie diese Frage
</p>


So, maybe with some JavaScript to find the class "errormandatory", remove the class "fa-exclamation-circle" and add a different fontawesome icon.
Here the JS gurus are asked.

All the best
Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
Attachments:
Last edit: 7 years 9 months ago by Joffm. Reason: Typo-Korrektur
The following user(s) said Thank You: Usapuka
The topic has been locked.
  • Usapuka
  • Usapuka's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 9 months ago #138350 by Usapuka
Hi Joffm,
Thank you! Your solution work fine, I removed the question mark.
I'll see what can I do with the exclamation mark.
Best regards,
The topic has been locked.
  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
7 years 9 months ago #138359 by tpartner
To change the exclamation mark of the mandatory text, you can add something like this to the end of template.css:

Code:
.errormandatory .fa-exclamation-circle:before {
    content: "\f0e7";
}

There's a list of Font Awsome unicodes here - fontawesome.io/cheatsheet/

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
The following user(s) said Thank You: ritapas
The topic has been locked.
  • Usapuka
  • Usapuka's Avatar Topic Author
  • Offline
  • Senior Member
  • Senior Member
More
7 years 9 months ago #138361 by Usapuka
Thank you tpartner!
The topic has been locked.
More
3 years 11 months ago #198927 by ymca

tpartner wrote: To change the exclamation mark of the mandatory text, you can add something like this to the end of template.css:

Code:
.errormandatory .fa-exclamation-circle:before {
    content: "\f0e7";
}

There's a list of Font Awsome unicodes here - fontawesome.io/cheatsheet/

How to make it work on 4.2.1?

LS Version 4.2+
The topic has been locked.
  • Joffm
  • Joffm's Avatar
  • Away
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
3 years 11 months ago #198934 by Joffm
Always the best to find out:
Use a web development tool (included in each modern browser) and investigate.
You will see this
www.limesurvey.org/media/kunena/attachme...18-11-1623-07-35.png

Joffm

Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: ritapas, ymca
The topic has been locked.
More
3 years 11 months ago #198942 by ymca
:woohoo:
Thanks. Looks so hard but it was so easy.
I remembered the code tpartner wrote, and it seemed the same so just copied it to the custom.css.
Thanks you all.

LS Version 4.2+
The topic has been locked.

Lime-years ahead

Online-surveys for every purse and purpose