XF 2.0 Проблема с text-align на мобильном

[IlyaPep]

Короче, переделывал баннеры для групп, ну и на компе они норм работают, а на телефоне нет
Если быть точнее не работает только выравнивание по центру

вид на мобильном

Как это поправить? Буду благодарен за помощь

 

[Skaiman]

Покажи код

 

[IlyaPep]

Покажи код

[class*="xftstyle_"] {
  display: inline-block;
    position: relative;
    font-family: 'Cuprum', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    padding: 5px 0;
    margin: 4px 0 5px;
    width: 150px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
}

 

[Skaiman]

Ну так то на скриншоте совсем другие баннеры, ты уверен, что твои имеют отношение к тому коду?

 

[IlyaPep]

Ну так то на скриншоте совсем другие баннеры, ты уверен, что твои имеют отношение к тому коду?

да

 

[Skaiman]

А я нет :) мне ли не знать тот код :) и для каких баннеров он, у тебя сто пудов наварочено что то не так.

 

[IlyaPep]

Ну так то на скриншоте совсем другие баннеры, ты уверен, что твои имеют отношение к тому коду?

ага, я понял там ещё один, они друг друга дополняют

.userBanner {
    font-size: 75%;
    font-weight: 400;
    font-style: normal;
    padding: 1px 6px;
    border: 1px solid transparent;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
}

 

[Skaiman]

у тебя сто пудов наварочено что то не так.

 

[IlyaPep]

ну это понятно :rolleyes:, но не понятно как исправить. Просто этот код делал другой человек, и я не знаю что и где

 

[grisha2217]

Ссылку на сайт дайте

 

[IlyaPep]

Ссылку на сайт дайте

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

(не реклама)

 

[Skaiman]

Просто этот код делал другой человек, и я не знаю что и где

Вот в том то и дело, думаешь я знаю что и где наделано у тебя, но что неправильно однозначно. То что дал, это только часть кода, общая для всех баннеров, там должно быть еще для каждого баннера по группам и указан свой css в настройках групп. У тебя собраны куски и нет целостности.

 

[grisha2217]

.message:not(.message--forceColumns) .message-userTitle, .message:not(.message--forceColumns) .message-userBanner.userBanner

Убрать оттуда text-align: left;

 

[Skaiman]

[class*="xftstyle_"] {
    display: inline-block;
    position: relative;
    font-family: 'Cuprum', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    text-align: center!important;
    padding: 5px 0;
    margin: 4px 0 5px;
    width: 150px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
}

Убрать оттуда text-align: left;

Приоритет дать в общем коде баннеров. Так то этот код для первой ветки был и на второй немного не так.

 

[IlyaPep]

.message:not(.message--forceColumns) .message-userTitle, .message:not(.message--forceColumns) .message-userBanner.userBanner

Убрать оттуда text-align: left;

увы, перерыл весь код, нету

 

[IlyaPep]

Вот в том то и дело, думаешь я знаю что и где наделано у тебя, но что неправильно однозначно. То что дал, это только часть кода, общая для всех баннеров, там должно быть еще для каждого баннера по группам и указан свой css в настройках групп. У тебя собраны куски и нет целостности.

вот всё сброшу

/* Начала "Баннеры групп" */

.nik {
  display: inline-block;
  margin-left: 10px;
}

.admin .nik {
  color: rgb(201,31,55);
  text-shadow: rgb(201,31,55) 1px 1px 3px;
}

.user .nik {
  color: rgb(142, 68, 173);
  text-shadow: rgb(142, 68, 173) 1px 1px 3px;
}

.freedom .nik {
  color: rgb(249,105,14);
  text-shadow: rgb(249,105,14) 1px 1px 3px;
}

.moder .nik {
  color: rgb(38, 166, 91);
  text-shadow: rgb(38, 166, 91) 1px 1px 3px;
}

.lamer .nik {
  color: rgb(107, 185, 240);
  text-shadow: rgb(107, 185, 240) 1px 1px 3px;
}

.aborigen .nik {
  color: rgb(58, 83, 155);
  text-shadow: rgb(58, 83, 155) 1px 1px 3px;
}

.dev .nik {
  color: rgb(4,79,103);
  text-shadow: rgb(4,79,103) 1px 1px 3px;
}

.tester .nik {
  color: rgb(108,122,137);
  text-shadow: rgb(108,122,137) 1px 1px 3px;
}

.bannen .nik {
  color: rgba(127, 95, 56, 0.15);
  text-shadow:0 0 2px rgb(127, 95, 56);
  text-decoration: line-through;
}

[class*="xftstyle_"] {
  display: inline-block;
    position: relative;
    font-family: 'Cuprum', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    padding: 5px 0;
    margin: 4px 0 5px;
    width: 150px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
}
.xftstyle_admin {
    color: #ffffff;
    background: #DD4241;
    border-color: rgba(0, 0, 0, 0);
}
.xftstyle_user {
    color: #ffffff;
    background: rgb(142, 68, 173);
    border-color: rgb(142, 68, 173);
}
.xftstyle_seller {
    color: #ffffff;
    background: #6BB9F0;
    border-color: #6BB9F0;
}
.xftstyle_freedom {
    color: #ffffff;
    background: linear-gradient(90deg, #0095dd 0%, #f1094b 100%, #0095dd);
    border-color: rgba(0, 0, 0, 0);
}
.xftstyle_moder {
    color: #ffffff;
    background: rgb(38, 166, 91);
    border-color: rgb(38, 166, 91);
}
.xftstyle_glmoder {
    color: #ffffff;
    background: #76ca15;
    border-color: #76ca15;
}
.xftstyle_kurator {
    color: #ffffff;
    background: #1E90FF;
    border-color: #1E90FF
}
.xftstyle_lamer {
    color: #ffffff;
    background: rgb(107, 185, 240);
    border-color: rgb(107, 185, 240);
}
.xftstyle_aborigen {
    color: #ffffff;
    background: rgb(58, 83, 155);
    border-color: rgb(58, 83, 155);
}
.xftstyle_mestniy {
    color: #ffffff;
    background: #0dbcbc;
    border-color: #0dbcbc;
}
.xftstyle_koder {
    color: #ffffff;
    background: #FF9304;
    border-color: #FF9304;
}
.xftstyle_vip {
    color: #ffffff;
    background: gold;
    border-color: gold;
}
.xftstyle_dev {
    color: #ffffff;
    background: rgb(4,79,103);
    border-color: rgb(4,79,103);
}
.xftstyle_tester {
    color: #ffffff;
    background: rgb(108,122,137);
    border-color: rgb(108,122,137);
}
.xftstyle_bannen {
    color: #ffffff;
    background: rgb(127, 95, 56);
    border-color: rgb(127, 95, 56);
}
.xftstyle_gldesign {
    color: #ffffff;
    background: linear-gradient(90deg, #3f51b5 0%, #9c27b0 100%, #9c27b0);
    border-color: rgba(0, 0, 0, 0);
}
/* Конец "Баннеры для групп" */

 

[Skaiman]

Это добавь

@media (max-width: 650px) {
    .message-userBanner.userBanner {
        text-align: center;
    }
}

Dikers, ты хоть читай что пишу :)

 

[IlyaPep]

Это добавь

@media (max-width: 650px) {
    .message-userBanner.userBanner {
        text-align: center;
    }
}

не помогло

 

[Skaiman]

вот всё сброшу

/* Начала "Баннеры групп" */

.nik {
  display: inline-block;
  margin-left: 10px;
}

.admin .nik {
  color: rgb(201,31,55);
  text-shadow: rgb(201,31,55) 1px 1px 3px;
}

.user .nik {
  color: rgb(142, 68, 173);
  text-shadow: rgb(142, 68, 173) 1px 1px 3px;
}

.freedom .nik {
  color: rgb(249,105,14);
  text-shadow: rgb(249,105,14) 1px 1px 3px;
}

.moder .nik {
  color: rgb(38, 166, 91);
  text-shadow: rgb(38, 166, 91) 1px 1px 3px;
}

.lamer .nik {
  color: rgb(107, 185, 240);
  text-shadow: rgb(107, 185, 240) 1px 1px 3px;
}

.aborigen .nik {
  color: rgb(58, 83, 155);
  text-shadow: rgb(58, 83, 155) 1px 1px 3px;
}

.dev .nik {
  color: rgb(4,79,103);
  text-shadow: rgb(4,79,103) 1px 1px 3px;
}

.tester .nik {
  color: rgb(108,122,137);
  text-shadow: rgb(108,122,137) 1px 1px 3px;
}

.bannen .nik {
  color: rgba(127, 95, 56, 0.15);
  text-shadow:0 0 2px rgb(127, 95, 56);
  text-decoration: line-through;
}

[class*="xftstyle_"] {
  display: inline-block;
    position: relative;
    font-family: 'Cuprum', sans-serif;
  font-size: 12px;
  text-transform: uppercase;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    padding: 5px 0;
    margin: 4px 0 5px;
    width: 150px;
    border-top: 2px solid;
    border-bottom: 2px solid;
    border-left: none;
    border-right: none;
}
.xftstyle_admin {
    color: #ffffff;
    background: #DD4241;
    border-color: rgba(0, 0, 0, 0);
}
.xftstyle_user {
    color: #ffffff;
    background: rgb(142, 68, 173);
    border-color: rgb(142, 68, 173);
}
.xftstyle_seller {
    color: #ffffff;
    background: #6BB9F0;
    border-color: #6BB9F0;
}
.xftstyle_freedom {
    color: #ffffff;
    background: linear-gradient(90deg, #0095dd 0%, #f1094b 100%, #0095dd);
    border-color: rgba(0, 0, 0, 0);
}
.xftstyle_moder {
    color: #ffffff;
    background: rgb(38, 166, 91);
    border-color: rgb(38, 166, 91);
}
.xftstyle_glmoder {
    color: #ffffff;
    background: #76ca15;
    border-color: #76ca15;
}
.xftstyle_kurator {
    color: #ffffff;
    background: #1E90FF;
    border-color: #1E90FF
}
.xftstyle_lamer {
    color: #ffffff;
    background: rgb(107, 185, 240);
    border-color: rgb(107, 185, 240);
}
.xftstyle_aborigen {
    color: #ffffff;
    background: rgb(58, 83, 155);
    border-color: rgb(58, 83, 155);
}
.xftstyle_mestniy {
    color: #ffffff;
    background: #0dbcbc;
    border-color: #0dbcbc;
}
.xftstyle_koder {
    color: #ffffff;
    background: #FF9304;
    border-color: #FF9304;
}
.xftstyle_vip {
    color: #ffffff;
    background: gold;
    border-color: gold;
}
.xftstyle_dev {
    color: #ffffff;
    background: rgb(4,79,103);
    border-color: rgb(4,79,103);
}
.xftstyle_tester {
    color: #ffffff;
    background: rgb(108,122,137);
    border-color: rgb(108,122,137);
}
.xftstyle_bannen {
    color: #ffffff;
    background: rgb(127, 95, 56);
    border-color: rgb(127, 95, 56);
}
.xftstyle_gldesign {
    color: #ffffff;
    background: linear-gradient(90deg, #3f51b5 0%, #9c27b0 100%, #9c27b0);
    border-color: rgba(0, 0, 0, 0);
}
/* Конец "Баннеры для групп" */

Ну как и говорил наворочено, где этот человек брал код :)

 

[IlyaPep]

Dikers, ты хоть читай что пишу :)

вроде читаю :)