Изменение Цвета Фона
#1
Отправлено 28 Май 2016 - 13:47
Аккаунт SL-387027
#2
Отправлено 28 Май 2016 - 14:10
Владислав178 (28 Май 2016 - 13:47) писал:
Аккаунт SL-387027
У Вас за фон каждого элемента отвечает свой блок кода, поэтому рекомендуем воспользоваться следующей инструкцией.
#4
Отправлено 13 Октябрь 2016 - 15:05
JIN (13 Октябрь 2016 - 14:58) писал:
В разделе Сайт - Редактор шаблонов откройте файл main.css
Найдите (167 строка)
/*** Шапка ***/ #header {position: absolute;min-height: 100vh;background: #272727;left: 0;top: 0;padding: 0;width: 250px;z-index: 3;}замените на
/*** Шапка ***/ #header {position: absolute;min-height: 100vh;background: rgba(2,114,114 ,1 ) ; left: 0;top: 0;padding: 0;width: 250px;z-index: 3;}где
background: rgba(39,39,39 ,1 ) ; - цвет фона
(что означает красный, зеленый, синий, степень прозрачности от 0 до 1 (0.1-0.2 и т.д))
Также измените цвет блоков
/* Шапка Нижняя часть */ .header-bottom {display: inline-block;position: absolute;background: #272727;width: 100%;bottom: 0;left: 0;padding: 20px 10px;vertical-align: middle;}
и (259 строка)
.form-search #search_mini_form .search-string {height: 40px;width: 100%;background-color: #1B1B1B;padding: 10px 15px;margin: 0;color: #fff;font-family: Arial;font-size: 13px;line-height: 20px;border: 0;border-bottom: 1px solid #343434;}значение background-color:
Сообщение отредактировал Mr.Nito: 13 Октябрь 2016 - 15:12
Дополнение
#6
Отправлено 26 Ноябрь 2016 - 09:36
Укажите, пожалуйста, актуальный номер аккаунта в Вашем профиле.
В файле main.css
найдите
.products-grid .item {display: inline-block;position: relative;margin: 0 10px 20px;text-align: center;}
замените на
.products-grid .item {display: inline-block;position: relative;margin: 0 10px 20px;text-align: center;background: #fff;}
далее найдите
.product-view .product-img-box .general-img {position: relative;text-align: center;min-height: 200px;}
замените на
.product-view .product-img-box .general-img {position: relative;text-align: center;min-height: 200px;background: #fff;}
#7
Отправлено 27 Ноябрь 2016 - 03:36
#8
Отправлено 27 Ноябрь 2016 - 09:50
Paulett (27 Ноябрь 2016 - 03:36) писал:
Здравствуйте.
К сожалению не совсем понятен ваш запрос, так как, на данный момент все товары в категориях на вашем сайте имеют рамку и при наведение их изображения затемняется.
Пример в виде скринота прикреплён к данному сообщению.
Проверьте, пожалуйста.
#10
Отправлено 27 Ноябрь 2016 - 12:09
Paulett (27 Ноябрь 2016 - 10:06) писал:
Скрин ниже.
В таком случае попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.categories .item { display: inline-block; position: relative; margin: 0 15px 20px; text-align: center; width: 200px; }
И замените его вот этим вот кодом:
.categories .item { display: inline-block; position: relative; margin: 0 15px 20px; text-align: center; width: 200px; border: 1px solid #e1e1e1; box-shadow: 0 0 10px #d4d4d4; }
После чего в самый конец того же шаблона добавьте, пожалуйста, следующий код:
img.goods-cat-image-medium:hover { background: rgba(0, 0, 0, 0.1); }
#11
Отправлено 27 Ноябрь 2016 - 13:11
Код ниже:
/* Категории */
.categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.categories .item {display: inline-block;position: relative;margin: 0 15px 20px;text-align: center;width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;border: 1px solid #e1e1e1;box-shadow: 0 0 10px #d4d4d4;}
.categories .item .cat-image {height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;line-height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
.categories .item .cat-image a {display: block;}
.categories .item .cat-name {margin: 10px 0 0 0;padding: 10px;}
.categories .item .cat-name a {display: block;text-overflow: ellipsis;color: #434343;font-size: 16px;font-weight: 700;}
.categories .item:hover .cat-name a {color: #ff1a24;}
#12
Отправлено 27 Ноябрь 2016 - 14:32
/* Категории */
.categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.categories .item {display: inline-block;position: relative;margin: 0 15px 20px;text-align: center;width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
.categories .item .cat-image {height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;line-height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
.categories .item .cat-image a {display: block;border: 1px solid #e1e1e1;box-shadow: 0 0 10px #d4d4d4;}
.categories .item .cat-name {margin: 10px 0 0 0;padding: 10px;}
.categories .item .cat-name a {display: block;text-overflow: ellipsis;color: #434343;font-size: 16px;font-weight: 700;}
.categories .item:hover .cat-name a {color: #ff1a24;}
Сообщение отредактировал Paulett: 27 Ноябрь 2016 - 14:59
#13
Отправлено 27 Ноябрь 2016 - 15:03
Paulett (27 Ноябрь 2016 - 14:32) писал:
/* Категории */
.categories {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;text-align: center;}
.categories .item {display: inline-block;position: relative;margin: 0 15px 20px;text-align: center;width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
.categories .item .cat-image {height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;line-height: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM | divide("2")}px;}
.categories .item .cat-image a {display: block;border: 1px solid #e1e1e1;box-shadow: 0 0 10px #d4d4d4;}
.categories .item .cat-name {margin: 10px 0 0 0;padding: 10px;}
.categories .item .cat-name a {display: block;text-overflow: ellipsis;color: #434343;font-size: 16px;font-weight: 700;}
.categories .item:hover .cat-name a {color: #ff1a24;}
В таком случае попробуйте, пожалуйста, произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
.categories .item { display: inline-block; position: relative; margin: 0 15px 20px; text-align: center; width: 200px; }
И замените его вот этим вот кодом:
.categories .item { display: inline-block; position: relative; margin: 0 15px 20px; text-align: center; width: 200px; height: 300px; }
#14
Отправлено 27 Ноябрь 2016 - 16:02
img.goods-cat-image-medium:hover {
background: rgba(0, 0, 0, 0.1);
}
Это я добавил. Картинки выделяются. Но почти все они меньше рамки. Можно ли настроить выделение всей области, а не только картинки
#15
Отправлено 28 Ноябрь 2016 - 02:47
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных