0

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

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

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

1 回答 1

1

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

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

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

  1. 由于 Omega 的默认徽标不在块中，因此弄乱徽标设置的最佳方法是使用 Delta Blocks (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”。

希望这可以帮助某人。

于 2013-09-10T07:09:11.620 回答