I do not use categories and I have selected: ' Clicking on question takes user to answer further down the page' . Have no idea if it is relevant for my question.
On my FAQ-page I want to enlarge the font of questions somewhat ( and leave the body unchanged ). I tried it by adding a hyperlink class to faq.css but that didnt work. I have tried it with the Contemplate module but that has only effect on the nodes themselves, not on the faq-page. Do you have any suggestion or am I overseeing the obvious.

Thanks,

Theo Richel

Comments

stella’s picture

stella commented

for the 5.x-2.4 version (and earlier) of the module, just edit your theme's css file so you have a section like:

dt.faq_dt_questions_top {
  font-size: 12px;
}

For the next version of the module, you will need:

div.faq_question {
  font-size: 12px;
}

Cheers,
Stella

theorichel’s picture

theorichel commented

Thanks for the quick reply, but alas it doesnt work, and I am told that it is because these lines are hyperlinked which makes them obey another class. I am told to make a new link style class for them. I wouldnt know how to do that. I mean I know how to make a new class in my stylesheet, but to make the connection to the rest of trhe module no.

stella’s picture

stella commented
Assigned: Unassigned » stella

What I gave you should work for the question printed above each answer. Were you actually looking to change the font of the ones listed at the top? If so, then you will need to use the following css instead:

.faq_ul_questions_top li {
  font-size: 14px;
}

If that's not what you wanted or if that doesn't work, could you clarify which questions you want to alter the font for? Perhaps also send me a url to your faq page too.

Cheers,
Stella

theorichel’s picture

theorichel commented

Stella, You understood correctly that I want to change the questions above the answers. This is the page we are talking about http://www.klimatosoof.nl/faq

Many thanks
Theo Richel

stella’s picture

stella commented
Status: Active » Fixed

I see the problem.

Edit your theme's style.css file again. Go to the line .dt.faq_dt_questions_top { and remove the "." from before the "dt", i.e. change that line to:

dt.faq_dt_questions_top {

12px doesn't make the font that much bigger, but you can increase it as necessary.

Cheers,
Stella

theorichel’s picture

theorichel commented

Stella, You're right about the dot. I meanwhile found the solution:

dt.faq_dt_questions_top a {
font-size: 14px;
}

Thanks very much for the cooperation ( wish that all Drupal developers were so quick!)

stella’s picture

stella commented

No worries. Glad I could help.

Cheers,
Stella

nancydru’s picture

nancydru
she/her/hers
Primary language English
Location Boston
commented

I always recommend relative font sizing. dt.faq_dt_questions {font-size: 120%;} or dt.faq_dt_questions {font-size: 1.2em;}. First it guarantees a larger size in relation to its surroundings. Second, if the user changes the default font for their browser, this scales with it; this is important for the visually impaired. BTW, some themes, like Garland, set the default font smaller than the browser default (which baffles me).

Anonymous’s picture

(not verified) commented
Status: Fixed » Closed (fixed)