Drupal Omega 主题：将徽标图像居中

Question

我在将徽标置于 Omega 子主题中时遇到了一些问题。在“检查元素”（谷歌浏览器）中查看时，没有其他 CSS 应用于我的目标。我的品牌区域在页面上延伸了完整的 12 个网格。我不太清楚自己忽略了什么。

如果您需要任何 HTML，请告诉我。下面是我使用的 CSS：

.branding-data {
    width: 960px;
    background: #333;
    height: 50px;
}
.logo-img.center {
    display: block;
    width: 200px;
    margin: 0 auto;
    background: #ccc;
}

Answer 1

对于遇到类似问题的任何人，我将我找到的解决方案记录在互联网上：

如果您尚未安装 Delta（建议在使用 Omega 时安装），请安装。

在开始之前，最好让您的徽标与偶数个 Omega 垂直网格的大小相同。 （我的是两个）。

1. 由于 Omega 的默认徽标不在块中，因此弄乱徽标设置的最佳方法是使用 Delta 块（admin/config/user-interface/delta-blocks）。检查“标志”。

2. 然后转到管理您的块，并将“徽标”块添加到“品牌”区域。

3. 进入您的 Omega 主题的区域管理（在“外观”下），将区域的大小更改为您的徽标的列数（在我的情况下为两列），并设置正确的后缀和前缀（之前为 5， 5 后为 2 个网格的徽标）。

在“global.css”中，选择品牌区域，并将文本居中（代码如下）：

.region-branding {
    text-align: center;
}

然后，确保没有对徽标图像应用浮点数，并且它有 margin: 0 auto

.logo-img {
    float: none;
    margin: 0 auto;
}

如果第一次不起作用，请记住在吓坏之前始终清除缓存。

感谢#Drupal IRC 频道上的用户“banghouse”帮助我找到此修复程序。

希望这对某人有所帮助。