простой нижний колонтитул сайта в wordpress

Question

Я пытаюсь создать нижний колонтитул сайта для моего сайта wordpress. в HTML У меня есть следующие:

<div class="footer-titles">Footer title one</div><br /> 
<div class="lefttext1"><a href="http://www.domain.com/html">Community</a> <br /> 
<a href="http://www.subdomain.domain.com/">Forums</a> <br /> 
<a href="http://www.domain.com/contact">Contact Us</a> <br /> 
</div> 

В моей CSS я следующее:

.lefttext1 { 
    text-align: left; 
    font-size: 13px; 
    color: #ffffff; !important; 
    line-height: 1.8; 
    font-weight: 400; 
    margin-left: none; 
    padding: none; 
    list-style-type: none; 
} 

.footer-titles { 
    color: #ffffff; 
    font-size: 18px; 
    text-align: left; 
    line-height: 1.9; 
    font-weight: 600; 
} 

Фон #333, и я хочу, чтобы цвет шрифта, чтобы быть #ffffff, но я не могу этого сделать. В каждый раз, когда я использую инспектировать элемент я вижу это:

#Bottom a {color:#888;} 
#Bottom a:hover {color:#111;} 

Если это относится только к домашней странице, я хотел бы использовать:

.home #Bottom a:hover {color: #ffffff;} 
.home #Bottom a:link {color: #ffffff;} 

и это все. Но это не так, потому что я хочу, чтобы ссылки были белыми. Я уже пробовал следующий код и он не работает:

.lefttext1 a { 
    text-align: left; 
    font-size: 13px; 
    color: #ffffff; !important; 
    line-height: 1.8; 
    font-weight: 400; 

} 

Пожалуйста, помогите мне сделать цвет URL шрифта белый на сайте широкий сноске как мне нужно переопределить [#Bottom a] на всех страницах для этого конкретного выбора псевдо, но я я не уверен, как это достичь.

Благодаря

Answer 1

Попробуйте этот код

.lefttext1 a:link, .lefttext1 a:visited, .lefttext1 a:active, .lefttext1 a:hover { 
color: #FFFFFF; 

}

1. а: ссылка - нормальный непосещённые ссылку
2. а: посетил - ссылку пользователь посетил
3. a: hover - ссылка, когда пользователь мыши над ней
4. a: active - ссылка в момент ее нажатия