製作wordpress站點100％瀏覽器寬度

我正在建造一個WordPress主題，使用來自templatemonster的一個叫做Shared Space的主題，你可以在這裏找到（https://www.templatemonster.com/wordpress-themes/64066.html）。我的問題是在管理面板的後端讓你設置網站的寬度像素。但不會讓你使用百分比。我涉獵並發現在鉻檢查，如果我禁用最大寬度1200px，並把最大寬度爲100％的網站，因爲全屏。我唯一的問題是檢查只顯示（索引）：373，我找不到style.css文件中的這一行。製作wordpress站點100％瀏覽器寬度

@media (min-width: 1200px)(index):373 
.site .container { 
    /* max-width: 1200px; */ 
    max-width: 100%; 
}

上面的代碼是這個類檢查下發現：

<div class="top-panel__container container">

這裏是網站我的工作：http://www.rodgersgroupllc.com/newsite/

我曾嘗試將它複製到額外的CSS區定製WordPress的，但它似乎並沒有超過這個。有人可以告訴我，我能做些什麼來使這個網站真正的全屏幕從左到右？

感謝，

來源

2017-10-20 Frank G.

很可能你的css文件會覆蓋你的類。你嘗試過！重要嗎？ .site .container { max-width: 100% !important; }或body .site .container { max-width: 100%; }

來源

2017-10-20 07:50:16

您可以自定義CSS添加到WordPress網站，你可以找到在外觀>主題>自定義CSS自定義CSS選項。在這裏，您可以編寫自定義CSS並覆蓋主題的默認CSS。

來源

2017-10-20 05:47:08

我已經試過了。我把@media（min-width：1200px）（index）：373 .site .container {/ * max-width：1200px; */ max-width：100％; }但它沒有奏效。該網站仍然在1200px寬的加載。我可以在後端設置一個寬度，但只能使用像素而不是百分比。還有其他建議嗎？ –

@FrankG。您可以嘗試CSS特異性，如上所述 - .top-panel.invert top.panel__container.container { max-wdth：100％; } –

製作wordpress站點100％瀏覽器寬度

回答

相關問題