Мы рассмотрим три способа изменить цвет боковой панели.
Посмотреть бесплатный мини-курс от GetHelpers
Способ первый – это цвет, обычный, однотонный, однотонная заливка
вот таким кодом CSS
/* Фон-цвет */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: #ff5200;
}
.gc-account-leftbar .gc-account-user-menu li a {
background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li {
border-bottom: none;
}
Способ второй – это градиент, красивое, плавное перетекание из одного цвета к другой.
Код CSS
/* Фон-градиент */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
}
.gc-account-leftbar .gc-account-user-menu li a {
background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li {
border-bottom: none;
}
Tретий способ – это изображение
Код CSS
/* Фон-изображение */
.gc-account-leftbar,
.gc-account-leftbar.expanded .toggle-link {
background: #000 url(https://catherineasquithgallery.com/uploads/posts/2021-02/thumbs/1613705457_46-p-fon-dlya-prezentatsii-abstraktsiya-51.jpg) center center/cover no-repeat;
}
.gc-account-leftbar .gc-account-user-menu li a {
background:inherit;
}
.gc-account-leftbar .gc-account-user-menu li {
border-bottom: none;
}
За 3 дня изучите все тонкости профессии и освоите практический навык работы с платформой, который поможет вам в будущем выйти на доход от 40.000₽
Научитесь настраивать вебинарную комнату, даже если вы никогда не работали с GetCourse
Зарегистрируйтесь и получите подарок:
- Полезный чек-лист «16 способов поиска заказчиков», который поможет вам найти первых клиентов.