如何讓CSS只在特定的WordPress頁面上工作？

我讀過幾個論壇，但我必須錯過一些東西。我基本上只是試圖讓我的CSS在某些頁面上有某些東西。基本上我想改變主頁爲圖片的全寬。如何讓CSS只在特定的WordPress頁面上工作？

我的孩子主題是我的CSS是這樣的。

.site-content, 
.fl-builder.home .page-section, 
.front-page-widgets, 
.breadcrumbs { 
    width: 1640px; 
    max-width: 100%; 
    margin: 0 auto; 
} 

.site-footer-area { 
    width: 1640px; 
    max-width: 80%; 
    margin: 0 auto; 
}

現在的問題是我所有的網頁，因爲max-width是100％，一切都觸摸屏幕的邊緣。我只想要這個主頁。我檢查了主頁，並從該

<body id="top" class="admin-bar home is-singular logged-in page page-id-481 page-template page-template-_fullwidth page-template-page-template page-template-page-template_fullwidth-php customize-support">

我假設我page-id是481的主頁。

什麼是最好的方法來解決這個問題，以便我的其他網頁是正常的？

來源

2015-06-25 St3

班'家'不是一個更好的候選人嗎？ – Boaz

嘗試添加一個包含div的類到您想要更改的每個頁面 – pQuestions123

可以使用。家裏或頁面ID-481父

.home your_selector{ 
max-width: 100%; 
}

或

.page-id-481 your_selector{ 
    max-width: 100%; 
    }

來源

2015-06-25 18:55:29

這可以很好地工作。我不得不像@Tomek說的那樣將它添加到每個選擇器中，但是.home似乎不起作用。謝謝！ – St3

你需要預先您的家庭有關CSS選擇器的每個與.home，如：

.home .site-content, 
.home .page-section, 
.home .front-page-widgets, 
.home .breadcrumbs { 
    width: 1640px; 
    max-width: 100%; 
    margin: 0 auto; 
}

所以，如果你有一個CSS規則加入到幾個選擇其他後列出了一個，你必須多次添加.home。

來源

2015-06-25 18:55:09

當你在你的wordpress主題的不同的模板文件，使一個名叫front-page.php和設置將此頁面的寬度設置爲100％，同時保留其他主題文件。

如

<div class="home-width"> 
    My home page 
</div>

CSS：

.home-width { 
    width: 100%; 
}

WordPress的自動尋找不同的東西，並在自定義菜單中，您仍然可以決定你希望你的頭版是什麼特定的命名頁面。它還使您可以完全自由地選擇主頁的佈局，同時將其餘部分組織爲博客或其他您希望爲網站設計的佈局。

來源

2015-06-25 18:56:27

如何讓CSS只在特定的WordPress頁面上工作？

回答

相關問題