Css Drupal Omega主题:以徽标图像为中心

Css Drupal Omega主题:以徽标图像为中心,css,drupal,drupal-7,drupal-theming,theming,Css,Drupal,Drupal 7,Drupal Theming,Theming,我的标志在欧米茄子主题中的中心出现了一些问题。在“inspect element”(谷歌浏览器)中查看时,没有其他CSS应用于我的目标。我的品牌区域将整个页面延伸到12个网格。我不知道我忽略了什么 如果您需要任何HTML,请告诉我。下面是我使用的CSS: .branding-data { width: 960px; background: #333; height: 50px; } .logo-img.center { display: block; wi

我的标志在欧米茄子主题中的中心出现了一些问题。在“inspect element”(谷歌浏览器)中查看时,没有其他CSS应用于我的目标。我的品牌区域将整个页面延伸到12个网格。我不知道我忽略了什么

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

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

对于任何有类似问题的人,我会将我发现的解决方案记录在互联网的年报上:

如果您还没有安装Delta(建议在使用Omega时使用),请执行此操作

在你开始之前,最好让你的标志和欧米茄的垂直网格一样大。(我的是两个)

  • 由于Omega的默认徽标不在块中,因此最好的方法是使用增量块(admin/config/user interface/Delta Blocks)来更改徽标的设置。勾选“徽标”

  • 然后去管理你的块,并将“Logo”块添加到“Branding”区域

  • 进入Omega主题的区域管理(在“外观”下),将区域大小更改为徽标的列数(在我的情况下为两列),并设置正确的后缀和前缀(对于两个网格的徽标,前5列,后5列)

  • 在“global.css”中,选择品牌区域,并将文本居中(代码如下所示):

    然后,确保没有浮动应用于徽标图像,并且它具有边距:0自动

    .logo-img {
        float: none;
        margin: 0 auto;
    }
    
    如果第一次不起作用,记得在发疯之前一定要清理你的缓存

    帮助我找到此修复程序的功劳归于#Drupal IRC频道上的用户“banghouse”


    希望这对某人有所帮助。

    试试
    。品牌数据{text align:center;}
    哦,我在很多很多地区尝试了text align center。我已经找到了解决方案,但我不得不等一个小时才能发布,因为我今天刚刚注册,而且有8个小时的时间限制
    .logo-img {
        float: none;
        margin: 0 auto;
    }