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;
}
Единственное, что мне получилось изменить, это сделать цвет белым. Остальные все цвета не отображаются. Может кто-то сказать, где именно я делаю ошибку?
Спасибо.
|
Andrey
Supporter
Languages:
Английский (English )
Русский (Русский )
Timezone:
Europe/Kiev (GMT+02:00)
|
Здравствуйте Виталий,
Спасибо Вам за использование нашей продукции !
Расскажите пожалуйста подробней, что Вы изменили(добавили), и что Вы хотите видеть в конечном итоге(как должен отображаться Ваш переключатель языков) ?
С уважением,
Андрей
|
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), но результата никакого.
Я хочу сделать цвета видимыми. Главное чтобы все заработала, а цвета я потом подберу путем попыток и настроек.
|
Andrey
Supporter
Languages:
Английский (English )
Русский (Русский )
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/
|
Vitaliy
|
Но вот это подтягивается. Я проверял. А остальное, что ниже, не подтягивается.
.lang_sel{
margin-bottom: 25px;
text-align: center;
color:white;
}
|
Andrey
Supporter
Languages:
Английский (English )
Русский (Русский )
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 коде.
Если Ваша проблема была решена, пожалуйста закройте данный пост и оставьте отзыв.
|
Vitaliy
|
Большое спасибо, Андрей.
Да, это решило проблему.
Правда пришлось убрать подчеркивание, потому что, оно подчеркивало не каждый язык по отдельности, но оба языка сразу, но это для меня не принципиально.
Я раньше вставлял похожий код, но он не срабатывал. Наверно потому, что не было вставлено !important.
Еще раз благодарю, за прекрасный продукт и за быструю помощь. Вы профессионалы.
|
