Bug in the css, help!

Question

This is how i see the best answer selected. (whit snow theme extended)

Answer 1

Hi

In the themes we have converted we have made these changes...

In  qa-styles.css   -  add the following

.qa-voting-outer {
float : left;
width : 70px;
height : 130px;
margin : 25px 5px 5px 5px;
}


In  qa-theme.php  -  add this function OR if the function is already present make the changes in red

// wrap vote answer and best answer together

function a_list_item($a_item)
{
$extraclass=@$a_item['classes'].($a_item['hidden'] ? ' qa-a-list-item-hidden' : ($a_item['selected'] ? ' qa-a-list-item-selected' : ''));

$this->output('<div class="qa-a-list-item '.$extraclass.'" '.@$a_item['tags'].'>');

if (isset($a_item['main_form_tags']))
$this->output('<form '.$a_item['main_form_tags'].'>'); // form for voting buttons

$this->output('<div class="qa-voting-outer">');
$this->voting($a_item);
$this->output('</div>');

if (isset($a_item['main_form_tags'])) {
$this->form_hidden_elements(@$a_item['voting_form_hidden']);
$this->output('</form>');
}

$this->a_item_main($a_item);
$this->a_item_clear();

$this->output('</div> <!-- END qa-a-list-item -->', '');
}

 

This might work for you.

 

Monty and Bex

Comments

I did it, but doesn't work.

---

If you are using Snow-ExtL theme - in addition to the changes above:

look in qa-styles.css and find  

.qa-a-item-main {
float:left;
width:610px;
display:inline-block;
padding-left:10px;
}

change to ........

.qa-a-item-main {
padding-left:10px;
}


If the best answer tick appears too high you can adjust its position .....

.qa-a-selection {
    position: absolute;
    left: 12px;
    top: 85px;
    width: 60px;
    text-align: center;
}

change the top value  - try 95px

Monty and Bex

Answer 2

See my answer here :

http://www.question2answer.org/qa/29003/bug-with-snow-extended-theme