Font Awesome иконки для кнопки входа и регистрации

[zBlock]

PerfectUser добавил(а) новый ресурс:

Font Awesome иконки для кнопки входа и регистрации - Меняем иконки кнопок "Вход" и "Регистрация"

Добавляем шаблон extra.less

/* Иконки для кнопок входа и регистрации */
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--logIn:before {
    font-family: FontAwesome;
    content: "\f090";
    color: #E6BB5C;
    padding-right: 5px;
}
.p-navgroup-link.p-navgroup-link--textual.p-navgroup-link--register:before {
    font-family: FontAwesome;
    content: "\f084";
    color: #E6BB5C;
    padding-right: 5px;
}
/**********/

...

Узнать больше об этом ресурсе...

 

[Mirovinger]

Тогда уже так, но вроде и это уже было на форуме.

/* Иконки для кнопок входа и регистрации */
.p-navgroup-link--textual {
    &.p-navgroup-link {
        &:before {
            font-family: FontAwesome;
            color: #E6BB5C;
            padding-right: 5px;
        }

        &.p-navgroup-link--logIn:before {
            content: "\f090";
        }

        &.p-navgroup-link--register:before {
            content: "\f084";
        }
    }
}
/**********/

 

[A1ex]

Как данную модификацию объединить с этой модификацией? Я добавил обе модификации и гость видит это:

Иконки вверх ушли.

 

[West14]

A1ex, попробуй

.p-nav {
    .p-navgroup--guest {
        .p-navgroup-linkText{
            display:inline-block;
        }
    }
}

Тут была подобная проблема, думаю, должно решить.

 

[A1ex]

A1ex, попробуй

.p-nav {
    .p-navgroup--guest {
        .p-navgroup-linkText{
            display:inline-block;
        }
    }
}

Тут была подобная проблема, думаю, должно решить.

Заменил код модификации на которую дал ссылку

.p-navgroup-linkText {
    display: none;
  
    .p-navgroup--guest & {
        display: block;
    }
}
.p-navgroup--guest .p-navgroup-linkText {
  display: block;
}
.p-navgroup-linkText {
  display: none;
}

на это

.p-navgroup-linkText {
    display: none;
}   
.p-nav {
    .p-navgroup--guest {
        .p-navgroup-linkText {
            display:inline-block;
        }
    }
}

И заработало как надо. Правильно сделал то?

 

[Vadym98]

На форуме 2.1 не отображаются иконки. Может кто помочь?

 

[ZloyDed]

Попробуй этот код, на дефолте работает Иконки Font Awesome для входа/регистрации