How can i make my Ask Box look like this?

Question

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).

Answer 1

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

}

 

Comments

Thanks..it worked but what about decreasing the length of ask box so that Side bar box gets a little up?

---

didn't get you... can you explain or any visual reference?

---

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.

---

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..