Question

我的徽标在我的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;
}

Answer 1

对于遇到类似问题的人，我记录了我发现的解决方案：

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

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

由于Omega的默认徽标不在块中，因此弄乱徽标设置的最佳方法是使用Delta Blocks（admin / config / user-interface / delta-blocks）。检查“徽标”。
然后转到Admin your Blocks，并将“Logo”块添加到“Branding”区域。
进入您的Omega主题区域管理（在“外观”下），将区域大小更改为您的徽标的列数（在我的情况下为两个），并设置正确的后缀和前缀（之前为5， 5之后获得2个网格的标识。）

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

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

然后，确保没有浮动应用于徽标图像，并且它具有边距：0 auto

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

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

帮助我找到此修复的信用是#Drupal IRC频道上的用户“banghouse”。

希望这有助于某人。

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

1 个答案: