Hello:

I've looked at the template.css and template.js for a way to change the font attributes in the boilerplate question, Text Display. Nothing there I can find, and the only css reference I can find to this says:

/* STYLES NOT YET DEFINED - - - - -
.boilerplate {}
*/

Is there some way to change these perhaps?

Seems that even applying styles to the boilerplate question itself does not work. In the Admin panel it displays as expected. But, testing the survey, the template css overrides the embedded styles.

Second attempt was to create a separate style sheet just for this this question, and reference that from the code within the question. That too displayed the applied styles correctly within Admin panel. But, it also was overridden by the template.css when testing the survey.

Any feedback would be greatly appreciated.

Just to follow up on this, even defining styles within the template.css style sheet itself as follows:

... had limited effect. Despite this, the text still displayed as bold. Ultimately, the only solution is to apply inline styles individually to each and every boilerplate question to display the text as you wish.

I don't understand where this is being overridden. But, even though the work around is tedious if you have many of these types questions, it works.

danika wrote: I don't understand where this is being overridden. But, even though the work around is tedious if you have many of these types questions, it works.

USe a css helper for dev.

FireBug is an example.

You're not being specific enough with your selector. You need to target elements in the .boilerplate question. Details would depend on the template used.


.

Thank you to both of you for the feedback. Is there somewhere where descriptors on templates can be found? Info that I have seen is scant on this. vallendar is the actual template I am using.

danika wrote: Thank you to both of you for the feedback. Is there somewhere where descriptors on templates can be found? Info that I have seen is scant on this. vallendar is the actual template I am using.

Hi,

www.limesurvey.org/manual/The_template_e..._of_question_classes

But css is like this :
for <div class="questions boilerplate"><div class="question-text">

If you have templet.css with this order:
Then question-text are black, you need

Hi,

The colors match from .question-text{color:xxxx} and .boilerplate{color:xxxx}, The issue is that .question-text{font-weight:bold} seems to take precedent over .boilerplate{font-weight:normal}.

So, to solve this, you are suggesting the order should be changed? As it is, .question-text{} appears ahead of .boilerplate{}. But, you are saying the order should be reversed for the attributes in question to have an effect on the .boilerplate class?

.boilerplate .question-text{font-weight:normal}

It's the css system ...

- www.w3.org/Style/CSS/learning
- developer.mozilla.org/learn/css

DenisChenu wrote: .boilerplate .question-text{font-weight:normal}

It's the css system ...

- www.w3.org/Style/CSS/learning
- developer.mozilla.org/learn/css

Classes normally don't go side by side. Is that a formatting error, or are you suggesting a double class selector?

Changing the order did not work, and placing .boilerplate {} ahead of .question-text{} was not the solution.

danika wrote: Classes normally don't go side by side. Is that a formatting error, or are you suggesting a double class selector?

?
Really don't understand .... It's the css way
Make

Danika,

In case it could be useful, remember that:

1) you can use some web inspector (like firebug) or CSS browser add-ons (like Live Css Editor ) to avoid wasting your time with -more or less- basic CSS issues

2) you can sometimes get some benefits using !important rules
.

Ben_V, waste of time is an understatement. 9 days and finally, wallah!

Using double class selectors as Denis implied was the answer, and I also appreciate the !important tip.

As I'm sure you can tell, I code this stuff when I have to, though it is not my full time job. Thanks for the guidance. Much appreciated! Works like a charm.