Welcome to the LimeSurvey Community Forum

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

Highlighting Question Text in Array

dweisser
Topic Author
Offline
Premium Member

More

10 years 10 months ago #109721 by dweisser

Highlighting Question Text in Array was created by dweisser

Hi all,
I'm stuck. I'm trying to chnage background-olor, font color and/or add a border to quesation text in an array on mouseover of one of the answers.

It seems like this should do it:

Code:

table.question tr.array1:hover,table.question tr.array2:hover {
  background-color: #fafafa;
  border: 1px solid #b81b1e;
  color: #b81b1e;
  }
table.question tr.array1 td:hover ,table.question tr.array2 td:hover {
    cursor:pointer;
  }

What's weird is that the background color gets applied...but the font color and border do not. I've placed the style at the bottom of the css file to ensure that other styles aren't affecting it. What gives?
Any thoughts? As always - much appreciated.
David

The topic has been locked.

Ben_V
Offline
Platinum Member

More

10 years 10 months ago - 10 years 10 months ago #109725 by Ben_V

Replied by Ben_V on topic Highlighting Question Text in Array

David,
you can be maybe more lucky using the syntax:

Code:

border: 1px solid #b81b1e !important;
color: #b81b1e !important;

Benoît

EM Variables => bit.ly/1TKQyNu | EM Roadmap => bit.ly/1UTrOB4
Last Releases => 2.6x.x goo.gl/ztWfIV | 2.06/2.6.x => bit.ly/1Qv44A1
Demo Surveys => goo.gl/HuR6Xe (already included in /docs/demosurveys)

Last edit: 10 years 10 months ago by Ben_V.

The topic has been locked.

dweisser
Topic Author
Offline
Premium Member

More

10 years 10 months ago #109729 by dweisser

Replied by dweisser on topic Highlighting Question Text in Array

Thanks - I'll keep trying.

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

10 years 10 months ago #109737 by tpartner

Replied by tpartner on topic Highlighting Question Text in Array

I've placed the style at the bottom of the css file to ensure that other styles aren't affecting it.

There still may be rules with more specific selectors overriding these or perhaps table-cell styles are interfering. Can you activate a test survey?

.

Cheers,
Tony Partner
Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.

The topic has been locked.

dweisser
Topic Author
Offline
Premium Member

More

10 years 10 months ago #109753 by dweisser

Replied by dweisser on topic Highlighting Question Text in Array

here is a test:
Click me!

The topic has been locked.

tpartner
Offline
LimeSurvey Community Team

More

10 years 10 months ago #109774 by tpartner

Replied by tpartner on topic Highlighting Question Text in Array

Add this to the end of template.css:

Code:

table.question tr.array1:hover,
table.question tr.array2:hover {
  border-color: #B81B1E;
}
 
table.question tr.array1:hover td,
table.question tr.array2:hover td,
table.question tr.array1:hover th,
table.question tr.array2:hover th {
  border-top: 1px solid #B81B1E;
}
 
table.question tr.array1:hover .answertext,
table.question tr.array2:hover .answertext {
  color: #B81B1E;
}