Back to limesurvey.org

Welcome to the LimeSurvey Community Forum

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

Theme LS versions > 6.5 - Change the color of the text description

  • Orélie
  • Orélie's Avatar Topic Author
  • Offline
  • New Member
  • New Member
More
1 year 1 month ago #265492 by Orélie
Theme LS versions > 6.5 - Change the color of the text description was created by Orélie
Please help us help you and fill where relevant:
LimeSurvey version: [6.5.9]
Own server or LimeSurvey Cloud: Own server
Survey theme/template: vanilla
==================
Hello,

We upgraded our LS version to version 6 ans we have the theme incompatibility issue.

On the welcome page, we'd need to change the color of the text "This is a sample survey description. It could be quite long. But this one isn't.".

Where can we update this color please?

 

File Attachment:

File Name: extends_va..._NBB.zip
File Size:123 KB


Thank you.
 

Please Log in to join the conversation.

  • Joffm
  • Joffm's Avatar
  • Offline
  • LimeSurvey Community Team
  • LimeSurvey Community Team
More
1 year 1 month ago #265496 by Joffm
Replied by Joffm on topic Theme LS versions > 6.5 - Change the color of the text description
Hi,
to do things like this investigate the page with the webdevelopment tool of your browser (F12)
You see something like this (here Firefox)
 
You see that you have to change the "color" in "text-info".
And to restrict it to the survey desription you may add to your "custom.css"
Code:
.survey-description.text-info {
     color: red !important;  /* Whatever color you want */
}     

In this example I also added a "font-size" and "font-style"
Code:
.survey-description.text-info {
     color: red !important;  
     font-size: 18px;
     font-style:italic;
}     

 

Joffm
Volunteers are not paid.
Not because they are worthless, but because they are priceless
The following user(s) said Thank You: Orélie

Please Log in to join the conversation.

More
1 week 5 days ago #271193 by rwinford77
Replied by rwinford77 on topic Theme LS versions > 6.5 - Change the color of the text description
I noticed that you MUST use the  !important  construct to change the color.  When I inspect the survey output in Chrome DevTools, I see that the Bootstrap css file uses !important on all the colors.  Is that normal?  In other platforms I've used, such as Ionic, they do not make their own colors !important so it's easier to override in your custom.css file.  
Code:
.text-info {    
color: #699940!important;
}
​​​​​​​

Please Log in to join the conversation.

Moderators: tpartner, holch

Lime-years ahead

Online-surveys for every purse and purpose

Pricing & Plans
Get started

Legal

About Us

Open Source