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

I want to make my ask box look like used on q2a website ( Blue border, White font and size a little less so that i get a more space upward for sidebar box).

Q2A version: 1.5

1 Answer

+2 votes
by
edited by

Admin > Layout

from Available widgets section click on add widget link after Ask Box

and select pages you want and for place Main area - Top

>>>EDIT 1<<<

You need to modify classes below in qa-styles.css file of your theme.. 

.qa-ask-box{
background:#0087CA;
border:1px solid #005782;
border-radius: 3px;
}
.qa-ask-box .qa-form-tall-label{
font-weight:bold;
color: #fff;
text-transform: uppercase;
}
.qa-ask-box tr:hover{
background: none;
}
 
So in above classes you can change background color, text color etc..
 
>>>EDIT  2<<<
Add width property to .qa-ask-box
.qa-ask-box{
background:#0087CA;
border:1px solid #005782;
border-radius: 3px;
width:400px; //here change the value what you want
}

 

by
edited by
Thanks..it worked but what about decreasing the length of ask box so that Side bar box gets a little up?
by
didn't get you... can you explain or any visual reference?
by
I mean that in default snow theme the ask box streches to full length of the page , but in the screen shot i added above it takes space till the red arrow only.

I want to decrease the length of ask box so that it ends before the sidebar box.
by
You mean you want to decrease width of the ask box? If that is the case than add width property to the .qa-ask-box class.. see my second edit in answer..
...