根據房產狀態不同的背景顏色

Question

我有一個樣式問題，我很苦惱。在我的網站上，我需要爲每個屬性狀態設置不同的背景顏色。例如，「提議中」應該是藍色的，而「For Rent」綠色（如在此處的屏幕截圖：http://i.imgur.com/SP2EyTR.png）。

我的網站地址是http://horizons-estateagents.co.uk

我會很感激你的幫助，因爲我嘗試不同的東西，並沒有得到任何結果。

非常感謝。 安娜

編輯：

<figcaption> 
        <?php 
        $status_terms = get_the_terms($post->ID,"property-status"); 
        if(!empty($status_terms)){ 
         $status_count = 0; 
         foreach($status_terms as $term){ 
          if($status_count > 0){ 
           echo ', '; 
          } 
          echo $term->name; 
          $status_count++; 
         } 
        } 
        ?> 
       </figcaption> 

Answer 1

使用父或特定元素獨特的類名。使用它，您可以爲元素分配獨特的背景顏色。

Answer 2

在你的PHP代碼，這樣做：

<figcaption<?php 
switch ($status) 
{ 
    case "For Rent": 
    echo ' class="rent"'; 
    break; 
    case "Under Offer": 
    echo ' class="offer"'; 
    break; 
    case "Rental Agreed": 
    echo ' class="agreed"'; 
    break; 
} 
?>><?php // ?></figcaption> 

現在在CSS：

.rent {background-color: #ccf;} 
.offer {background-color: #cfc;} 
.agreed {background-color: #fcc;} 

---

不管怎麼說，在這裏你去。找到這個：

<figcaption> 
    <?php 

替換：

<figcaption<?php 
$status = get_the_terms($post->ID,"property-status"); 
switch ($status) 
    { 
     case "For Rent": 
     echo ' class="rent"'; 
     break; 
     case "Under Offer": 
     echo ' class="offer"'; 
     break; 
     case "Rental Agreed": 
     echo ' class="agreed"'; 
     break; 
    } 
?>> 
    <?php