Project:Plus 1
Version:6.x-1.3
Component:Miscellaneous
Category:support request
Priority:minor
Assigned:Unassigned
Status:closed (cannot reproduce)

Issue Summary

I want align the widget to the left of the content items changing style.css, but i cant. The widget is always shown after the content.

Comments

#1

Please provide a picture of what you want to achieve. You say you want it to the left, and it shows after. I don't get it.

#2

I think Ibarrioc means that the voting widget appears below the node. And that he wants it on the left, next to the node.

You'll probably want to put the widget in a div floating left. I did something similar at think-heart.com

#3

I just looked it up for you. I edited node.tpl.php and added:

<div style="float:left; width:650px">
<div style="float:left; width:80px">
<?php
print plus1_jquery_widget($node,0,0); ;
?>

</div>

<div style="float:left; width:530px">
here goes the rest of the body


</div>
</div>

Of course, the widths are dependent upon your theme, I used ranch.

#4

Adding this (or

<?php
print $node->content['plus1_widget']['#value'];
?>
) gives me two Plus1 widgets.

How do I remove the widget below the node?

#5

Configure Plus1 to display 0 widgets.

#6

How do I do that. I do not see any setting for displaying widgets.

#7

There should be a setting at /admin/settings/plus1

#8

Coming from issue #772244: Cannot retrieve values out of content

This code, as suggested by dorien on #3, does not let the css class to take any effect; that is, giving "text-align:center" to cc class ".actual-plus1" for example, does not align the widget.

<div class="actual-plus1">
<?php print plus1_jquery_widget($node, 0, 0); ?>
</div>

Any ideas?

Thanks!

#9

Starting from scratch, i.e. not php to render the widget, you need to change the weight of the widget under the plus1 settings. It is set to 100 by default, which puts it at the bottom of the node. Change it to something in the -10 range (this works for me but is dependent on other factors of your site). Then you just need to add the CSS to float the widget to either side, this puts it on the left side -

div.plus1-widget {
  float: left;
  margin: 5px 15px 15px 0px;  /* margin to give some space between widget and content */
}

#10

Priority:normal» minor
Status:active» needs review

#11

Status:needs review» closed (cannot reproduce)

If this is still a problem in version 2, re-open this issue.