Welcome, Guest
Username: Password:

TOPIC: Highlighting Question Text in Array

Highlighting Question Text in Array 1 year 10 months ago #109721

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
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
The administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109725

  • Ben_V
  • Ben_V's Avatar
  • Offline
  • Platinum Lime
  • Posts: 1670
  • Thank you received: 413
  • Karma: 106
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
All LS releases => bit.ly/1VMuTDu | 2.06lts => bit.ly/1Qv44A1
Demo surveys => bit.ly/20NW9V8 (already included in /docs/demosurveys)
Last Edit: 1 year 10 months ago by Ben_V.
The administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109729

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
Thanks - I'll keep trying.
The administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109737

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5761
  • Thank you received: 1251
  • Karma: 512
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 administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109753

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
here is a test:
Click me!
The administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109774

  • tpartner
  • tpartner's Avatar
  • Offline
  • LimeSurvey Team
  • Posts: 5761
  • Thank you received: 1251
  • Karma: 512
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.
The administrator has disabled public write access.

Highlighting Question Text in Array 1 year 10 months ago #109777

  • dweisser
  • dweisser's Avatar
  • Offline
  • Gold Lime
  • Posts: 222
  • Thank you received: 5
  • Karma: 5
That's the ticket! Thanks again!
The administrator has disabled public write access.
Moderators: ITEd
Time to create page: 0.200 seconds