XF 2.0 Изменение цвета для поля тегов.

[SNR93]

Все облазил, но где в стилях настроить цвет фона и текста для поля тегов при создании темы так и не нашел. Подскажите, куда копать?

 

[CMTV]

Изменить его стиль отдельно не получится, так как он зависит от параметров основных цветов сайта.

Но можно изменить его и напрямую. С помощью шаблона extra.less. Добавьте в этот шаблон следующий код:

/* Изменение цвета фона и текста у тегов */
.tagItem {
    background: green; // Цвет фона
    color: white; // Цвет текста
   
    // Изменение цвета фона и текста при наведении на тег
    &:hover {
        background: blue; // Цвет фона
        color: red; // Цвет текста
    }
}

Соответственно вместо green, white, blue, red указываете желаемый цвет.

 

[SNR93]

цвет поменялся, но в просмотре темы, а мне нужно изменить цвет поля в момент создания темы

 

[Hope]

Это поле ввода, отдельно не поменять его.

 

[SNR93]

Это поле ввода, отдельно не поменять его.

хорошо, а где поменять цвет поля ввода?

 

[Hope]

Настройки стиля - Входные элементы

 

[SNR93]

Настройки стиля - Входные элементы

Все равно не пойму как так получается




у меня теги пишутся черным на черном фоне. Вот мне нужно это поправить, но я уже не знаю что менять, всю стилизацию перелазил

 

[Hope]

Ну цвет текста измените с чёрного на нужный наверное.

 

[SNR93]

Ну цвет текста измените с чёрного на нужный наверное.

так в том и проблема, я ставлю цвет любой, даже белый, цвет текста в основном поле меняется, а вот в тегах все равно черный.

 

[CMTV]

Попробуйте этот код в extra.less:

/* Изменение цвета фона и текста у тегов */
.tagItem {
    background: green; // Цвет фона
    color: white; // Цвет текста
  
    // Изменение цвета фона и текста при наведении на тег
    &:hover {
        background: blue; // Цвет фона
        color: red; // Цвет текста
    }
}

/* Изменение цвета фона и текста у тегов в текстовом поле */
form[action*="tags"] .select2-selection__choice {
    background: green !important; // Цвет фона
    color: white !important; // Цвет текста
  
    // Изменение цвета фона и текста при наведении на тег
    &:hover {
        background: blue !important; // Цвет фона
        color: red !important; // Цвет текста
    }
}

 

[Hope]

И такой общий вариант ещё:

select2 .select2-selection ul .select2-search .select2-search__field {
    color: red;
}

 

[SNR93]

CMTV, Hope, ни тот ни тот не заработал к сожалению

 

[Hope]

Я тут проверил предварительно.
На дефолтном гляньте и возможно поможет !important.

 

[SNR93]

Hope, у меня он и есть дефолтный, просто подредактированный.

 

[CMTV]

Вот вариант. Должен точно работать:

/* Изменение цвета фона и текста у тегов в текстовом поле */
.select2-selection__choice {
    color: red !important;
    background: gray !important;
}

Вместо той, неработающей части кода.

 

[SNR93]

Вот вариант. Должен точно работать:

/* Изменение цвета фона и текста у тегов в текстовом поле */
.select2-selection__choice {
    color: red !important;
    background: gray !important;
}

Посмотреть вложение 78271
Вместо той, неработающей части кода.

работает, но только когда заканчиваешь тег. А когда печатаешь, именно в этот момент, черное на черном

 

[CMTV]

/* Изменение цвета текста во время набора тега */
.select2-search.select2-search--inline .select2-search__field {
    color: red !important;
}

Добавить ниже того, что уже есть.

 

[SNR93]

/* Изменение цвета текста во время набора тега */
.select2-search__field {
    color: red !important;
}

Спасибо, теперь работает:)
Собрал весь код вместе для других:

/* Изменение цвета фона и текста у тегов */
.tagItem {
    background: green; // Цвет фона
    color: white; // Цвет текста

    // Изменение цвета фона и текста при наведении на тег
    &:hover {
        background: blue; // Цвет фона
        color: red; // Цвет текста
    }
}

/* Изменение цвета фона и текста у тегов в текстовом поле */
.select2-selection__choice {
    color: red !important;
    background: gray !important;
}

/* Изменение цвета текста во время набора тега */
.select2-search.select2-search--inline .select2-search__field {    color: red !important;
}
}

 

[CMTV]

Только в последнем блоке кода измените на правильный вариант (я его поправил), а то у вас название темы тоже красным станет.

 

[SNR93]

CMTV, ага, исправил и у себя и сверху в коде) Еще раз спасибо)