徽标和标题在同一行上，而不是标题下面的徽标

-1

对不起，我是新编码CSS，但已开始与WP Twenty Sixteen主题，我想修改，使网站标题和徽标对齐，使徽标和标题与页面上居中的标题和左侧标志位于同一行。目前标题直接在标志下面。我认为这是来自主题的正确的未修改的2016年代码片段？徽标和标题在同一行上，而不是标题下面的徽标

.custom-logo { 
    max-width: 180px; 
} 

.site-title { 
    font-family: Montserrat, "Helvetica Neue", sans-serif; 
    font-size: 23px; 
    font-size: 1.4375rem; 
    font-weight: 700; 
    line-height: 1.2173913043; 
    margin: 0; 
}

理想情况下，我想使用额外的CSS功能，直到我更熟悉修改主题。我可以将标题置于居中但位于徽标下方，并可以移动标题（添加但不删除垂直空格）。

来源

2017-03-02 Sean Danaher

使用float:left;将元素浮动到左侧。下面是代码例如：

.custom-logo { 
 
    max-width: 180px; 
 
    float:left; 
 
} 
 

 
.site-title { 
 
    font-family: Montserrat, "Helvetica Neue", sans-serif; 
 
    font-size: 1.4375rem; 
 
    font-weight: 700; 
 
    line-height: 1.2173913043; 
 
    margin: 0; 
 
}

<div class="logotitlewrapper"> 
 
    <div class="custom-logo"> 
 
    <img src="https://dummyimage.com/180x100/000/fff&text=dummy+logo+image" /> 
 
    </div> 
 
    <div class="site-title"> 
 
    <h1>Site Title</h1> 
 
    </div> 
 
</div>

来源

2017-03-02 10:04:09 uvishere

我已经尝试过，但有额外的CSS代码 - 不修改TwentySixteen主题。它看起来好像CSS可以用作单通编译器。我会寻找直接编辑主题的方式。我得到一个错误（这可能与写访问有关）不可接受在此服务器上找不到所请求资源/blog0/wp-admin/theme-editor.php的适当表示。此外，尝试使用ErrorDocument处理请求时遇到406不可接受的错误。 –

使用显示：内联块;和vertical-align：middle;并将其粘贴到两个类中，只需添加边距，以便在它们之间添加空格。

来源

2017-03-02 10:31:30

徽标和标题在同一行上，而不是标题下面的徽标

回答

相关问题