Unorganized formats of drop down menu on ask a question page

Here is a screenshot how it is looking on my site right now:
http://prntscr.com/31d7aw
I tried almost everything and nothing worked for me till now so I really need some help here. Plus I used hide sidebar code for the page.

And secondly on list of questions page I am getting a grey rectangle bar above search box as you can see in the image below:
http://prntscr.com/31d7vv
So need help in this one even.
Someone please help me out

3 Answers

well wisher
answered 11 years ago

Hey Buddy just checked your site just paste this in your site style.css

.dwqa-container .dwqa-submit-question .question-meta .select-category, .dwqa-container .dwqa-submit-question .question-meta .input-tag {
width: 100%;
float: left;
}

This is going to bring things to spread well in screen hope it helps !!!

Sidharth Bansal
replied 11 years ago

Hey Well wisher, thanks man!
It really worked! 🙂
And any !dea on this one
http://hybrideon.com/questions-list/

The box above search box. How to remove that grey box!?

well wisher
replied 11 years ago

your welcome and see the answer given by dominic below that will resolve your other issue 🙂

Sidharth Bansal
replied 11 years ago

Yeh! It did! 🙂

Guru
answered 11 years ago

Dear Sidharth,

Its is a css issue and you can use either firefox’s fire bug plugin to implement the css changes needed or you can also use chrome.
You may also find the style integration guide useful: http://designwall.com/guide/dw-question-answer-plugin/#Style_integration

Cheers

Sidharth Bansal
replied 11 years ago

Yeh!
I really tried that and even I fixed some of my issues with style integration but I am really not able to figure out what to do with this one.
This is the link where it is:
http://hybrideon.com/ask-question-2/

If you can help me that will be really great.
And also here on this link
http://hybrideon.com/questions-list/

See above Search Box there is a rectangle. How to remove that!?

Guru
replied 11 years ago

there you go, your problems solved!

DominicStaff
answered 11 years ago

Hi Sidharth !
– To resolve the issue in the “List question” page with the Search Box, you can add the following code to the style.css file.

 .list-dwqa-question .fa-times:before {
    content: "";
}
.list-dwqa-question .dwqa-search .dwqa-search-form {
    background: none;
}
.dwqa-search .dwqa-search-form .dwqa-search-submit {
    top: 50px;
}
.dwqa-search .dwqa-search-form .dwqa-search-clear, .dwqa-search .dwqa-search-form .dwqa-search-loading {
   top: 25px;
}
.dwqa-list-question footer {
    box-shadow: none;
}

Hope this helps !

Sidharth Bansal
replied 11 years ago

Thanks man!
It worked! 🙂

Can you explain a bit to me how and why it worked!?