徽標和標題在同一行上，而不是標題下面的徽標

-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

徽標和標題在同一行上，而不是標題下面的徽標

回答

相關問題