Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+1 vote
1.9k views
in Themes by

Want to reduce size of text in question and answers. I've mathjax plugin which has content formatting option but that does not work. 
I have seen these two post by @pupi1985 question title background color and change color of question text . So I tried according and changes do not reflect. 

I have added this code in qa-style.css inside donute theme:

.qa-template-question .qa-main-heading {
   
    /*<link href="https://fonts.googleapis.com/css?family=Arial+Serif" rel="stylesheet"> */

font-family: 'Arial', serif ;
font-size: 14px ;
line-height: 1.4285 ;
font-style: normal ;
background-color: #eff0f1 ;
}

.qa-q-view-content {
    color: red;
}

Why this code does not reflect? Anything wrong with code or the code should be in other file but not in this file?

Could you please resolve this. 
Thanks in advance.

1 Answer

+1 vote
by
selected by
 
Best answer

Add them to css/donut.css (if you have not enabled production mode) or css/donut.min.css (if you have).

In order to reduce the font-size of the question title you need to add this instead:

.qa-template-question .page-title h1 {
  font-size: 80%;
}
by
I had removed that when it was not working. Now I've added on qa-theme/Donut-theme/css/donut.min.css and updated this file. Is it ok, now?
by
I can check that

.qa-q-view-content {
    color: red;
}
Working, but other code for answer body is not working. @Pupi1985 , why should I add for formatting answer content explicitly in the above code. Thank you.
by
+1
The title has a different selector in the Donut theme. Check the answer again and apply that instead of the ".qa-main-heading" one.
by
edited by
Thanks @pupi1985 , I have just added on qa-theme/Donut-theme/css/donut.min.css :


.entry-content,.qa-q-view-content,.qa-a-item-content,.qa-c-item-content{
font-size: 15px;
overflow:auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
padding-bottom: 20px;
    background: #f5f5f5;
font-family: 'georgia', serif ;
font-style: bold ;
line-height: 1.4285 ;

}
.qa-c-item-content {
    font-size: 12px;
}

This is working fine. Thanks for hints, you are nice teacher to me.
...