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

I'm creating a dictionary website and I need the question titles to be full width of the question lists box. How can I accomplish this?

Q2A version: 1.8.8
by
+1
This question was initially closed because it was a duplicate. But since you've deleted the first one, I'll reopen this one.

Check out this answer: https://question2answer.org/qa/109988/?show=110041#a110041
by
+1
Check out:

Why are some questions closed?
https://question2answer.org/qa/82357/

I've edited your question to be more presentable, but you should read:
How to ask a good question? https://question2answer.org/qa/82349/

1 Answer

+1 vote
by
selected by
 
Best answer

Judging by your print screen, I'm assuming you've deleted your  qa-q-item-stats  . Because your Answer and Vote counters are not showing. So you'll need to go to:

snowFlat > qa-styles.css , delete or comment out line 1126 ( padding-left:10px; ) and add a  width  of  100%;  .

.qa-q-item-main {
    float: left; /* You can also delete this line, if you deleted your Counters */
     /* padding-left: 10px; */ 
     width:100%; 
}

Then you'll need to delete the code from line 1135 until line 1179 :

@media (max-width: 240px) {
.qa-q-item-main {
width: 100%;
float: none;
padding-left: 0;
}
}

@media (min-width: 320px) {
.qa-q-item-main {
width: 210px;
}
}

@media (min-width: 360px) {
.qa-q-item-main {
width: 250px;
}
}

@media (min-width: 480px) {
.qa-q-item-main {
width: 364px;
}
}

@media (min-width: 568px) {
.qa-q-item-main {
width: 452px;
}
}

@media (min-width: 600px) {
.qa-q-item-main {
width: 484px;
}
}

@media (min-width: 768px) {
.qa-q-item-main {
width: 652px;
}
}

@media (min-width: 800px) {
.qa-q-item-main {
width: 611px;
}
}

@media (min-width: 980px) {
.qa-q-item-main {
width: 550px;
}
}

@media (min-width: 1044px) {
.qa-q-item-main {
width: 592px;
}
}

 Force page refresh.

by
Not working...
by
edited by
+1
I visited your website and it's working for me - https://i.ibb.co/qrJPMN8/z329.jpg

If by "Not working" you mean the text alignment to the left ( https://i.ibb.co/M9qZjc8/z330.jpg ), then add a "text-align:initial;" to your ".qa-q-item-main" as well :

.qa-q-item-main {
    float: left;
    width: 100%;
    text-align: initial;
}

If it's not working for you, Force browser refresh ( Ctrl+F5 / Cmd+Shift+R on Mac) like I told you in one of your previous questions.
by
its working fine.

very very thank you so much.
...