Changing font sizes on Q and A plugin

• 

  Posted by ria banerjee on September 25, 2013 at 1:08 pm

  Hello all,

  I have a small aesthetic quibble and am wondering if someone knows the solution for it. I used the Q and A plugin to set up a ‘frequently asked writing-related questions’ list here (http://bacwritingfellows.commons.gc.cuny.edu/for-students/faqs/). As you can see, the titles of the questions are rather large and make the list look clumsy. Is there a way to make the font size of the titles a little smaller and to insert a space between each question, so that overall it looks neater?

  Thank you for your help!

  Ria

• Scott Voth (he/him)

  Member

  September 25, 2013 at 2:35 pm

  Hi Ria – I think you can make the FAQ look a little better with some custom CSS. In your WordPress dashboard, go to Appearance>>Custom User CSS and type in:

  .qa-faq-title {
  font-size:14px;
  }

  You can play around with the font-size to get it the way you want. I think once the font size is right, you probably won’t need to add space between the questions, but if you do, we can also add some padding.
  Hope this helps.
  ria banerjee

  Participant

  September 27, 2013 at 9:21 am

  Thank you very much, Scott! This worked like a charm.
  ria banerjee

  Participant

  September 30, 2013 at 3:48 pm

  Hi Scott and all,
  I ran into yet another question/problem: I added “Categories” in the Q and A plugin and the fonts are abnormally large, again.

  I added the following to the Custom User CSS, with no luck/unchanged font size:

  .qa-faq-catname {
  font-size: 14px;
  }

  Would someone be able to tell me what’s wrong with this and point me in the right direction?

  Thanks much!
  Scott Voth (he/him)

  Member

  September 30, 2013 at 6:14 pm

  Hi Ria – it was a really good guess, but the authors of the plugin changed naming conventions a little. This should work:

  .faq-catname {
  font-size:16px;
  }

  As before – you can change font-size as needed. Let us know if this doesn’t work.
  ria banerjee

  Participant

  October 2, 2013 at 2:24 pm

  A-ha, stumped again! But thank you very much, it worked just as it should and the page looks much better now.