html - Magento - 更改产品列表页面上 "Sort By"选项框的对齐方式？

Question

经过一些工作，我成功地将网站产品列表页面上的“排序依据”选项从其原始位置移动到限制器旁边(针对每个页面上显示的产品数量)，而没有破坏它。但是，我似乎无法弄清楚如何改变它当前的对齐方式。

我已经让它与限制器内嵌显示，但我想将其移到右侧，以便它直接位于限制器旁边(而不是像现在一样直接位于中心)。

您可以在此处查看它在产品列表页面上的当前位置:http://soundcherry.com/index.php/sound-effects.html

如何实现将“排序依据”选项移至右侧？我觉得这是非常明显的事情，但由于我缺乏经验，我只是错过了它。

任何帮助将不胜感激。谢谢!

编辑

这是 styles.css 页面中我认为需要更改的部分。我到底要改变什么？每次我以为我已经弄清楚了，但它并没有产生我期望的结果。

/* Sorter */
.sorter { font-size:11px; padding:1px 8px; }
.sorter .view-mode { float:left; margin:0; }
.sorter .sort-by { float: right; }
.sorter .sort-by label { vertical-align:middle; }
.sorter .sort-by select { padding:0 ; margin: 1px; vertical-align:middle; }
.sorter .link-feed {}

Answer 1

你可以用简单的方式做到这一点

当我从 firebug 更改为向您的 sort-by 类添加 2 个小属性时，如果您想在所有页面中获得相同的功能，您可以使用内联样式或在 css 中添加如下内容

只需添加下面的CSS

float: right;
margin-left: 15px;

编辑

   .pager .sort-by { float: right;  margin-left: 15px;}

如果我可以进一步帮助您，请告诉我。