Hi,
bevor I'm losing my mind I dare to ask this stupid question... how do I center a 'Fivestar' voting widget inside a table? My (sub-) theme is based on Fusion, the widget resides inside a table cell, the (views) table is embedded as a block into a panel page. Centeriing other elements like text and images works as ususal (through the 'Skinr' style or directly through CSS), just this bloody widget won't comply. Using Skinr 6.x-1.5 and Fusion 6.x-1.0-rc1.
Relying on Skinr feels a bit intransparent since as well the block can be given a Skinr style as the view as the panels element; these settings seem to be indepependent from each other, and none of those centers the Fivestar widget anyway (e.g. "Skinr views style settings", "Content alignment: center align content within its container"). I'm not sure how to properly design a Skinr style to center the Fivestar widget, so I'd rather force this with plain CSS (at least until it's working ;)
Firebug respectively Dragonfly suggest classes like:
.views-field-field-bewertung-rating { }
.views-field-field-bewertung-rating span.field-content {}
.views-field-field-bewertung-rating span.field-content .fivestar-widget-static {}Using the Skinr style or the usual CSS like...
text-align: center;
display: block;
margin-left: auto;
margin-right: auto;
width: 250px;...centers everything - except the Fivestar widget.
Snippet from the generated code:
<td class="col-2">
<span class="views-field-tid">
<span class="views-field-tid-1">
<div class="views-field-field-gallery-image-fid">
<div class="views-field-tid-2">
<div class="views-field-field-bewertung-rating">
<span class="field-content">
<div class="fivestar-widget-static fivestar-widget-static-vote fivestar-widget-static-10 clear-block">
</span>
</div>
...
</td>What am I missing?
Thanks & greetings, -asb