Highlighting Question Text in Array

More
2 years 11 months ago #109721 by dweisser
dweisser created the topic: Highlighting Question Text in Array
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 11 months ago - 2 years 11 months ago #109725 by Ben_V
Ben_V replied the topic: Highlighting Question Text in Array
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 11 months ago by Ben_V.

Please Log in to join the conversation.

More
2 years 11 months ago #109729 by dweisser
dweisser replied the topic: Highlighting Question Text in Array
Thanks - I'll keep trying.

Please Log in to join the conversation.

More
2 years 11 months ago #109737 by tpartner
tpartner replied the 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.

Please Log in to join the conversation.

More
2 years 11 months ago #109753 by dweisser
dweisser replied the topic: Highlighting Question Text in Array
here is a test:
Click me!

Please Log in to join the conversation.

More
2 years 11 months ago #109774 by tpartner
tpartner replied the topic: Highlighting Question Text in Array
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 11 months ago #109777 by dweisser
dweisser replied the topic: Highlighting Question Text in Array
That's the ticket! Thanks again!

Please Log in to join the conversation.

Start now!

Just create your account and start using Limesurvey today.

Register now