Для того, чтобы упростить запросы и улучшить качество обслуживания, мы используем систему заявок.

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

Для того чтобы начать, просто зарегистрируйтесь или войдите в аккаунт.

© OCTemplates 2018

Влад Влад@vlad-ru
7

Полезные CSS-коды для шаблона Luxury

Подписок: 3 Просмотров: 2599 Вопрос задан: 17 августа 15:01 Последний ответ: 06 декабря 12:06

Предлагаю в этом топике публиковать полезные CSS коды с описанием для шаблона Luxury

Пожалуйста, не забывайте пользоваться инструментом "добавить код" чтобы публикуемый материал понятно воспринимался пользователями.

CSS код приведенный в статье нужно прописывать в главном модуле управления шаблоном, в поле для своего css кода.

Комментарии к css коду прописывать не нужно, это будет вызывать конфликт с работе стилей. 

Комментарии



Олег Олег @Oleg-support

1) Изменение цветов в модуле обратного звонка

#uptocall-mini .uptocall-mini-phone {background-color: rgb(60, 171, 24);} - цвет круга в котором находится трубка
#uptocall-mini .uptocall-mini-phone:hover {background-color: rgb(60, 171, 24);} - цвет круга в котором находится трубка при наведении
#uptocall-mini {border: 10px solid rgba(60, 171, 24, 0.32);} - цвет ободка круга в котором находится трубка
.field-tip .tip-content {background: #3cab18;} - цвет плашки с надписью
.field-tip .tip-content:before {border-right-color: #3cab18;} - цвет маленького треугольника с лева от плашки

 

2) Скрыть плашку "Все категории" в поиске

#search .cats-button {display: none;}

 

3) Цвета в "Хлебных крошках"

.breadcrumb>li {background: #f1f5f5;}
.breadcrumb>li:before {border: 14px solid #f1f5f5;}
.breadcrumb>li:after {background: #f1f5f5;}

 

4) Цвет фона блока с ценой, нашли дешевле в карточке товара

#product .price-ul {background-color: #f7fdfd;}

 

5) Цвет фона блока гарантий в карточке товара 

#product .advantages {background-color: #f7fdfd;}

 

6) Цвет фона описания категорий в разделе категорий 

.desc-cat {background: #f1f5f5;}

 

7) Цвет фона баннера "Наши гарантии" 

.advantages-box {background-color: #f1f5f5;}

 

8) Цвет фона баннера "О магазине"

.about-box {background-color: #f1f5f5;}

 

Ответ написан: 17 августа 16:18
VladLink VladLink

9) Рамка товара (Без наведения на товар)
 

.product-thumb {border: 1px solid #ADCECC;}

 

Ответ написан: 19 октября 11:37
Олег Олег @Oleg-support

10) Вывод названия товара в 3 строчки

.carousel-module-row .owl-wrapper-outer .owl-item .name {height: 66px;}
.product-thumb h4 {height: 66px;}

 

Ответ написан: 22 октября 10:02
Дмитрий Дмитрий
/***** РАССТОЯНИЕ МЕЖДУ МЕНЮ И СЛАЙДЕРОМ *****/
.slideshow-box {
    background: #fff;
    padding: 0px;
}

 

Ответ написан: 30 октября 18:19
Валерий Валерий

Кнопка ВВЕРХ в стиль кнопки Call My (круглая)- возможно кому то понравится - расцветку меняйте под свой стиль.

#back-top {background: radial-gradient(#0099ff 35px, rgba(89, 4, 175, .15) 0); border-radius: 50%; height: 90px; width: 90px; text-align: center; box-sizing: content-box; bottom: 10px; right: 20px;} #back-top:hover {opacity: .8;} #back-top span {width: 90px; line-height: 85px; color: #FFF; font-weight: bolder; border: none;} /*кн Вверх - WEB версия*/
@media only screen and (max-width: 767px) {#back-top {background: radial-gradient(#0099ff 20px, rgba(89, 4, 175, .15) 0); bottom: 20px; margin-bottom: 0; width: 60px; height: 60px;} #back-top span {width: 60px; line-height: 60px;} } /*кн Вверх - мобильная версия*/

 

Ответ написан: 06 декабря 10:55
Валерий Валерий

Подправил чуток кн ВВЕРХ

#back-top {background: radial-gradient(#0099ff 35px, rgba(89, 4, 175, .15) 0); border-radius: 50%; height: 90px; width: 90px; text-align: center; box-sizing: content-box; bottom: 10px; right: 20px;} #back-top:hover {opacity: .8;} #back-top span {width: 90px; line-height: 95px; color: #FFF; font-weight: bolder; border: none;} #back-top span i {font-size: 32px;} /*WEB версия*/

 

Ответ написан: 06 декабря 11:01
Эдуард Эдуард @Djek
Дмитрий, 30 октября 18:19
1/***** РАССТОЯНИЕ МЕЖДУ МЕНЮ И СЛАЙДЕРОМ *****/
2.slideshow-box {
3    background: #fff;
4    padding: 0px;
5}

 

 

Ответ написан: 06 декабря 12:06