Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
0 votes
in Q2A Core by
retagged by
At the moment multipe answers are not separated by anything between them on the page, which doesn't look visually elegant.

I want to separate every answer by a dotted line ...................

how do i do it ?

1 Answer

+1 vote
Best answer

I would say the easiest way is to add a bottom border to the qa-a-list-item class in your CSS. You may need to change the padding too. For example you could change the style to:

.qa-a-list-item {
  margin-bottom: 20px;
  zoom: 1;
  padding-bottom: 21px;
  border-bottom: 1px dotted #999;


edited by
thanks, only instead of "bottom", i used "top" otherwise it doesn't  put the line between the question and the first answer, other than that it works perfectly!