2015-01-03 5 views
0

Я искал ответы на этот вопрос, и я не смог его найти. Я пытаюсь изменить цвет текста моего описания. У меня есть следующие CSS:CSS не меняет цвет текста?

.description { 
position:fixed; 
overflow:auto; 
width:200px; 
height:130px; 
margin-left:115px; 
margin-top:235px; 
border-bottom-left-radius:15px; 
border-bottom-right-radius:15px; 
opacity:1; 
text-align:center; 
font-family:'calibri'; 
font-size:10px; 
color:{color:Title}; 
background-color:{color:border}; 
z-index:1; 
} 

И соответствующий div материал (извините, я не так хорошо с жаргоном пока.)

<div class="description"> 
{block:Description}<div class="text">{Description}</div>{/block:Description}</div> 

Теперь граница цвет # 8f8f8f и цвет заголовка #ffffff на данный момент. Тем не менее, цвет текста отображается как цвет границы, а не цвет заголовка. Если я изменил background-color на что-то другое (например, цвет фона), цвет текста останется # 8f8f8f. Я также попытался сделать совершенно новую вещь, посвященную цвету описания в разделе мета-имен вверху, а также изменить его с {color:Title} на что-то вроде {color:background} или подобные вещи.

Что я хотел бы знать: почему цвет текста не отображается в качестве цвета заголовка, и как я могу это исправить?

Спасибо всем, кто помогает.

+0

какой вам нужно изменить цвет –

ответ

1

Повторно проверьте свой код. Ваш мета-тегов должна выглядеть примерно так:

<meta name="color:title" content="#ffffff"/> 

И тогда ваш CSS должен быть:

.description { 
    position:fixed; 
    overflow:auto; 
    width:200px; 
    height:130px; 
    margin-left:115px; 
    margin-top:235px; 
    border-bottom-left-radius:15px; 
    border-bottom-right-radius:15px; 
    opacity:1; 
    text-align:center; 
    font-family:'calibri'; 
    font-size:10px; 
    color:{color:title}; 
    background-color:{color:border}; 
    z-index:1; 
} 

И тогда у вас есть текст, завернутые в другой класс с именем текста. Смотрите сами:

<div class="description"> 
{block:Description}<div class="text">{Description}</div>{/block:Description} 
</div> 

So текст, который заполняется в с {} Описание переменной будет иметь класс «текст», примененных к нему. Это перезаписывает стили из «описания» до этого, потому что это следует за ним. Итак, если в CSS есть класс .text, и в этом случае есть «color: whatever», который в этом случае перезапишет ваш цвет из «.description».

Так что в вашем CSS там также должно быть:

.text { 
     color:{color:title}; 
} 

Если вы хотите весь текст внутри элемента с классом = «текст», чтобы этот цвет текста. Элемент может быть

<div class="text">XYZ</div> 

, например.

Смежные вопросы