Различные цвета фона в зависимости от состояния свойства

Question

У меня проблема с стилем, с которым я много борюсь. На моем веб-сайте мне нужно установить разные цвета фона для каждого свойства свойства. Например, «Под предложением» должно быть синим, а «В аренду» - зеленым (как на скриншоте здесь: http://i.imgur.com/SP2EyTR.png).

Мой сайт Адрес http://horizons-estateagents.co.uk

Я очень ценю вашу помощь, так как я пытался разные вещи и не получить никакого результата.

спасибо. Анна

EDIT:

<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