Страница 1 из 1
Стили оформления
Добавлено: 29 янв 2020, 20:41
ODI
Какая переменная в каком файле в папке css отвечает за основной фон (белый)? Хочу его сменить.
Re: Стили оформления
Добавлено: 30 янв 2020, 00:07
alcompstudio
Добрый день!
Это вы имеете ввиду
http://prntscr.com/quqp2k ?
если да, то в файле /template/css/style.css находите класс
.page-content и в атрибуте
background-color прописываете код нужно вам цвета.
Но лучше, конечно, это сделать в файле CSS стилей конкретной темы (чтобы при последующих обновлениях стили не "обнулились", т.к. находятся в дистрибутиве), для которой вы хотите, чтобы был изменен фон. Например, находящейся по пути:
/css/skins/blue/blue.css
открываете этот файл и в нем дописываете, например, такой код:
Код: Выделить всё
.page-content {
background-color: #e1e12d;
}
сохраняете файл и проверяете, сработает или нет - перегружаете страничку.
если не поменяется, значит нужно проставить принудительную процедуру, через параметр !important :
Код: Выделить всё
.page-content {
background-color: #e1e12d !important;
}
Если нужно для всех тем сменить фон, то прописываете этот код с нужными параметрами цветов в каждой теме (ее папке и файле).
Попробуйте, если я правильно понял ваш вопрос.
Re: Стили оформления
Добавлено: 30 янв 2020, 09:47
ODI
Спасибо. То, что нужно! Ещё, будьте добры, подскажите, где меняется цвет кнопок и надписей, которые синего цвета во всех темах.
Re: Стили оформления
Добавлено: 30 янв 2020, 12:41
alcompstudio
http://prntscr.com/quyomw
/template/plugins/bootstrap/css/bootstrap.min.css
Код: Выделить всё
.btn-primary {
color: #fff;
background-color: #d1c009;
border-color: #e30101;
}
color - цвет текста
background-color - цвет фона кнопки
border-color - цвет рамки вокруг кнопки
Re: Стили оформления
Добавлено: 31 янв 2020, 04:02
Евгений
А картинку таким образом на фон положить можно?
Re: Стили оформления
Добавлено: 31 янв 2020, 13:21
alcompstudio
Евгений писал(а): 31 янв 2020, 04:02
А картинку таким образом на фон положить можно?
Можно, так, например:
Код: Выделить всё
.имя_класса {
background: url(../images/картинка.png) no-repeat left -51px;
width: 51px;
height: 51px;
}
Нужно сначала закинуть нужную картинку на сервер, а в CSS прописать к ней путь по вышеуказанному примеру. Там параметры необязательные, (ширина, высота и т.п.), я их для примера привел.