Skip Navigation

Главная › Support › Поддержка на русском языке › [Resolved] Как изменить цвет линков перключателя языков

[Resolved] Как изменить цвет линков перключателя языков

Это форум технической поддержки WPML – плагина для многоязычной WordPress.

Доступно для чтения всем, но только клиенты, купившие WPML, могут оставлять сообщения. Сотрудники WPML отвечают на сообщения форума 6 дней в неделю, 22 часов в сутки.

Сотрудники Службы поддержки сегодня не доступны на форуме Russian. Создайте обращение и мы возьмемся за решение вашего вопроса, как только будем в сети. Благодарим за понимание.

This topic contains 6 ответов, has 2 голосов.

Last updated by Vitaliy 7 года, 6 месяца назад.

Assigned support staff: Andrey.

Автор Посты
28 августа, 2013 в 8:37 дп #158295

Vitaliy

Добрый день, всем!
Я понимаю, что то, о чем я прошу больше относится не к самому плагину, а к знанию CSS, но тем не менее, прошу помощи у формчан. Вот мой сайт hidden link

Нужный код вставил в function.php и в header.php а также внес настройки в style.css

.lang_sel{
margin-bottom: 25px;
text-align: center;
color:white; 
}
.lang_sel ul{
color:black;
}

.lang_sel ul li{
color:black; 
}
.lang_sel ul li a, .lang_sel ul li a:visited{
color: #999999;
text-decoration:underline;
}
.lang_sel ul li a:hover, .lang_sel ul li a:active{
color: #333333;
}

Единственное, что мне получилось изменить, это сделать цвет белым. Остальные все цвета не отображаются. Может кто-то сказать, где именно я делаю ошибку?

Спасибо.
28 августа, 2013 в 8:53 дп #158304

Andrey
Supporter

Timezone: Europe/Kiev (GMT+02:00)

Здравствуйте Виталий,

Спасибо Вам за использование нашей продукции !

Расскажите пожалуйста подробней, что Вы изменили(добавили), и что Вы хотите видеть в конечном итоге(как должен отображаться Ваш переключатель языков) ?

С уважением,
Андрей

28 августа, 2013 в 9:02 дп #158307

Vitaliy

Я давно пользуюсь этим продуктом, и считаю его лучшим и самым профессиональным. Меня телько всегда парит настройка цветов линков в переключателе языков. Но это не от продукта зависит а от моего знания CSS.

На моем сайте я хотел вставить горизонтальный переключатель языков в панель меню, без флагов, без заднего фона, с горизонтальным делителем. Все получилось (посмотреть можно здесь hidden link кроме изменения цвета.

Этот код я вставил в function.php 

function language_selector(){
$languages = icl_get_languages('skip_missing=0&orderby=code');
if(!empty($languages)){
$count=0;
foreach($languages as $l){
$count++;
if($count==3)
{
$pipe = '';
}
else
{
$pipe = ' | ';
}
if(!$l['active']) echo '<a href="'.$l['url'].'">';
echo ''.$l['native_name'].$pipe;
if(!$l['active']) echo '</a>';
}
}
}

Этот в header.php 

<div class="lang_sel">	<?php language_selector() ?></div>

Этот в style.css 

.lang_sel{
margin-bottom: 25px;
text-align: center;
color:white; 
}
.lang_sel ul{
color:black;
}

.lang_sel ul li{
color:black; 
}
.lang_sel ul li a, .lang_sel ul li a:visited{
color: #999999;
text-decoration:underline;
}
.lang_sel ul li a:hover, .lang_sel ul li a:active{
color: #333333;
}

Этот же код пробовал вставлять в настройках плагина в Additional CSS (optional), но результата никакого.
Я хочу сделать цвета видимыми. Главное чтобы все заработала, а цвета я потом подберу путем попыток и настроек.

28 августа, 2013 в 10:47 дп #158368

Andrey
Supporter

Timezone: Europe/Kiev (GMT+02:00)

Такое ощущение, то, что Вы добавили в style.css не подтягиватеся.

Вы убедились что CSS-код вашей темы загружается после вызова к wp_head() в header.php ?

Как описано в этом топике:
http://wpml.org/ru/%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82%D0%B0%D1%86%D0%B8%D1%8F/%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE-%D0%BD%D0%B0%D1%87%D0%B0%D0%BB%D1%83-%D1%80%D0%B0%D0%B1%D0%BE%D1%82%D1%8B/%D0%BD%D0%B0%D1%81%D1%82%D1%80%D0%BE%D0%B9%D0%BA%D0%B8-%D1%8F%D0%B7%D1%8B%D0%BA%D0%BE%D0%B2/%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F-%D1%80%D0%B0%D1%81%D0%BA%D1%80%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D0%B5%D0%B3%D0%BE%D1%81%D1%8F-%D0%BF%D0%B5%D1%80%D0%B5%D0%BA%D0%BB%D1%8E%D1%87/
28 августа, 2013 в 10:50 дп #158372

Vitaliy

Но вот это подтягивается. Я проверял. А остальное, что ниже, не подтягивается. 

.lang_sel{
margin-bottom: 25px;
text-align: center;
color:white; 
}
28 августа, 2013 в 11:36 дп #158396

Andrey
Supporter

Timezone: Europe/Kiev (GMT+02:00)

Я разобрался в чем была причина, Вы взяли CSS где было организовано списком, так как в Вашем случае сейчас в сайд баре, но для Вашей цели в меню , это не подходить потому что там нет тэгов ul,li, поробуйте заменить:
.lang_sel{
margin-bottom: 25px;
text-align: center;
color:white;
}
.lang_sel ul{
color:black;
}

.lang_sel ul li{
color:black;
}
.lang_sel ul li a, .lang_sel ul li a:visited{
color: #999999;
text-decoration:underline;
}
.lang_sel ul li a:hover, .lang_sel ul li a:active{
color: #333333;
}
на это:
.lang_sel{
margin-bottom: 25px !important;
text-align: center !important;
color:white !important;
}

.lang_sel a, .lang_sel a:visited{
color: #999999 !important;
text-decoration:underline !important;
}
.lang_sel a:hover, .lang_sel a:active{
color: #333333 !important;
}
Все должно заработать в меню с права и можете редактировать цвета в данном CSS коде.
Если Ваша проблема была решена, пожалуйста закройте данный пост и оставьте отзыв.
28 августа, 2013 в 11:43 дп #158398

Vitaliy

Большое спасибо, Андрей.

Да, это решило проблему.
Правда пришлось убрать подчеркивание, потому что, оно подчеркивало не каждый язык по отдельности, но оба языка сразу, но это для меня не принципиально.
Я раньше вставлял похожий код, но он не срабатывал. Наверно потому, что не было вставлено !important.

Еще раз благодарю, за прекрасный продукт и за быструю помощь. Вы профессионалы.