WordPress的身體類不執行

我正在嘗試爲WordPress主題Flexform創建模板。我創建了一個頁面以及該頁面的特定標題。我並不需要添加一個body_class調用，因爲它已經存在：WordPress的身體類不執行

<body <?php body_class($page_class . ' ' . $is_responsive . ' ' . $extra_page_class); ?>>

我檢查是在頁面上輸出，發現類：

<body class="page page-id-5538 page-template page-template-beach-php logged-in admin-bar page-shadow responsive-fluid customize-support" style="">

我使用的頁面模板 - beach-php的樣式，以便應用此模板的所有頁面將具有相同的樣式。問題是，我無法獲得任何實際應用到頁面的內容。我嘗試了以下選項，但沒有任何顯示，任何人都可以將我指向正確的方向？

選項1試圖

.page-template-beach-php #top-bar { 
background: #702c91 !important; 
background-color: #702c91 !important; }

選項2試圖

body.page-template-beach-php #top-bar { 
background: #702c91 !important; 
background-color: #702c91 !important; }

選項3試圖

body .page-template-beach-php #top-bar { 
background: #702c91 !important; 
background-color: #702c91 !important; }

選項4試圖

.page-template-beach-php < #top-bar { 
background: #702c91 !important; 
background-color: #702c91 !important; }

目前，我甚至無法將它顯示在谷歌檢查作爲覆蓋的風格。

來源

2014-09-30 Jennifer

聽起來像您的CSS文件可能沒有正確包含。另外，不要用「重要」語句來胡言亂語。應該使用「重要」作爲最後的手段。請提供一個鏈接。 – hungerstar 2014-09-30 15:52:14

鏈接下面的評論回覆燉。這是一個我沒有做的wordpress主題，但所有其他的CSS都調用正確，所以我不確定這應該如何不同。 – Jennifer 2014-10-01 14:37:24

另外，那裏的'！important'聲明是因爲網站的限制。我試圖將另一個預先存在的網站與另一家公司相匹配，我們仍然需要所有舊的CSS用於第一家公司和佈局。我試圖避免使用'！important'通過爲這個頁面設計一個特定的類，但它不起作用，所以我嘗試了它作爲最後的手段，顯然它仍然無法正常工作，所以我在這裏。 – Jennifer 2014-10-01 14:43:33

假設在DOM中有一個ID爲top-bar的元素，選項1應該正常工作。

你能提供一個URL來看看嗎？

來源

2014-09-30 15:51:05

目前我採取直接編輯模板，這不是我理想的解決方案，但它暫時完成了工作。這是鏈接，它的密碼保護，因爲我真的不希望它公開。 PW：stackoverflow http://www.newsoundhearing.com/beach-landing-page/ – Jennifer 2014-09-30 20:46:35

我說：

.page-template-beach-php #top-bar { background: red; }

排隊你styles.css中的1421，它似乎生效。

來源

2014-10-01 12:45:12

我可以讓它在谷歌的檢查元素視圖上生效，但它不起作用，當我在實際使用它時CSS文件。我不知道爲什麼。也許有些東西被稱爲不正確。 – Jennifer 2014-10-01 14:36:20

您是否使用位於此處的樣式表？：http://1g6wmq3ann0z3evtl41ilmvo5h.wpengine.netdna-cdn.com/wp-content/themes/flexform-child/style.css – 2014-10-01 15:34:44

是的，就是這樣。 – Jennifer 2014-10-01 18:10:47

WordPress的身體類不執行

回答

相關問題