Check out the LimeSurvey source code on GitHub!

Highlighting Question Text in Array

More
2 years 8 months ago #109721 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:
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

Please Log in to join the conversation.

More
2 years 8 months ago - 2 years 8 months ago #109725 by Ben_V
David,
you can be maybe more lucky using the syntax:
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: 2 years 8 months ago by Ben_V.

Please Log in to join the conversation.

More
2 years 8 months ago #109729 by dweisser
Thanks - I'll keep trying.

Please Log in to join the conversation.

More
2 years 8 months ago #109737 by tpartner

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.

Please Log in to join the conversation.

More
2 years 8 months ago #109753 by dweisser
here is a test:
Click me!

Please Log in to join the conversation.

More
2 years 8 months ago #109774 by tpartner
Add this to the end of template.css:

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;
}




.

Cheers,
Tony Partner

Solutions, code and workarounds presented in these forums are given without any warranty, implied or otherwise.
Attachments:

Please Log in to join the conversation.

More
2 years 8 months ago #109777 by dweisser
That's the ticket! Thanks again!

Please Log in to join the conversation.

Imprint                   Privacy policy         General Terms & Conditions         Revocation information and revocation form