Помогите Исправить
#1
Отправлено 02 Сентябрь 2014 - 21:34
#2
Отправлено 02 Сентябрь 2014 - 21:49
Константин1111 (02 Сентябрь 2014 - 21:34) писал:
#wrapper { width: 100%; }на
#wrapper { width: 100%; min-height: 1700px; }
#4
Отправлено 20 Февраль 2016 - 14:25
#5
Отправлено 20 Февраль 2016 - 15:32
DOGGED (20 Февраль 2016 - 14:25) писал:
Здравствуйте.
1) В шаблоне main.css замените строку:
#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #343434;padding: 12px 0;}например на:
#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #FFDB00;padding: 12px 0;}
2) В том же шаблоне строку:
.block-menu-content ul li {line-height: 26px;}замените на:
.block-menu-content ul li {line-height: 26px; background: #FFDB00;}
3) В конец шаблона вставьте:
.htmlDataBlock .box-content { background: green; } .htmlDataBlock .box-content p { padding-left: 6px; padding-right: 6px; }
4) Строки:
.viewed .block-content .item .actions .add-to-links > div a, .viewed .block-content .item .actions .add-cart {display: inline-block;text-shadow: none;padding: 0;width: 32px;height: 32px;color: #666;background: #2a2a2a;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .viewed .block-content .item .actions .add-to-links > div a i:before, .viewed .block-content .item .actions .add-cart i:before {display: inline-block;width: 30px;height: 32px;text-align: center;line-height: 30px;font-size: 14px;} .viewed .block-content .item .actions .add-to-links > div a:hover, .viewed .block-content .item .actions .add-cart:hover, .viewed .block-content .item .actions .add-to-links > div a.added {color: #fff;background: #707070;border-color: #707070;}замените на:
.viewed .block-content .item .actions .add-to-links > div a, .viewed .block-content .item .actions .add-cart {display: inline-block;text-shadow: none;padding: 0;width: 32px;height: 32px;color: red;background: green;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;} .viewed .block-content .item .actions .add-to-links > div a i:before, .viewed .block-content .item .actions .add-cart i:before {display: inline-block;width: 30px;height: 32px;text-align: center;line-height: 30px;font-size: 14px;} .viewed .block-content .item .actions .add-to-links > div a:hover, .viewed .block-content .item .actions .add-cart:hover{color: #fff;background: red;border-color: #707070;}
Измените цвета на нужные.
Если в хлебных крошках необходимо выделить фон у первого пункта другим цветом, тогда выполните следующее:
В том же шаблоне строки:
#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #FFDB00;padding: 12px 0;}замените на:
#breadcrumbs {min-height: 20px;margin: 0 0 20px;border-bottom: 1px solid #3f3f3f;border-top: 1px solid #3f3f3f;background: #FFDB00;}
и
.breadcrumbs li.home {padding: 0 15px 0 0;background: none;}на:
.breadcrumbs li.home {padding: 0 15px 0 0;background: green;}
#6
Отправлено 20 Февраль 2016 - 16:59
#7
Отправлено 20 Февраль 2016 - 17:52
DOGGED (20 Февраль 2016 - 16:59) писал:
Чтобы изменить эти цвета:
1) В шаблоне main.css замените строки:
.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: #2a2a2a;color: #b5b5b5;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}на:
.product-grid .item .item-inner .actions a {width: 32px;height: 32px;display: inline-block;margin: 0 1px;text-align: center;border: 1px solid #505050;background: red;color: green;font-size: 14px;line-height: 20px;border-radius: 50%;z-index: 1;position: absolute;overflow: hidden;opacity: 0;filter: alpha(opacity=0);}
и
.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart:hover, .product-grid .item .item-inner .action-bot .actions a:hover, .product-grid .item .item-inner .action-bot .actions a.added {color: #fff;background: #707070;border-color: #707070;}заменить на:
.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart:hover, .product-grid .item .item-inner .action-bot .actions a.added {color: #fff;background: #707070;border-color: #707070;} .product-grid .item .item-inner .action-bot .actions a:hover {color: red;background: green;border-color: #707070;}
строку:
.product-list .item .product-info .actions .add-wishlist, .product-list .item .product-info .actions .add-compare {margin-left: 3px;text-shadow: none;width: 32px;height: 32px;color: #666;background: #2a2a2a;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}заменить на:
.product-list .item .product-info .actions .add-wishlist, .product-list .item .product-info .actions .add-compare {margin-left: 3px;text-shadow: none;width: 32px;height: 32px;color: red;background: green;overflow: hidden;border: 1px solid #505050;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
и
.product-list .item .product-info .actions .add-wishlist:hover, .product-list .item .product-info .actions .add-compare:hover, .product-list .item .product-info .actions a.added {background: #707070;color: #fff;border-color: #707070;}на:
.product-list .item .product-info .actions .add-wishlist:hover, .product-list .item .product-info .actions .add-compare:hover, .product-list .item .product-info .actions a.added {background: red;color: green;border-color: #707070;}
сроку:
.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart:hover {color: #fff;background: #707070;border-color: #707070;}заменить на:
.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart:hover {color: green;background: red;border: 1px solid #505050;} a.add-cart.button {color: red;background: green;border: 1px solid #505050;} a.add-cart.button:hover {color: green;background: red;border: 1px solid #505050;}
2) строку:
.block-menu-content ul li a.active {color: #fff;}заменить на:
.block-menu-content ul li a.active {color: blue;}
в конец шаблона вставьте:
#pathway li { color: blue; }
#8
Отправлено 20 Февраль 2016 - 19:33
#9
Отправлено 20 Февраль 2016 - 19:58
DOGGED (20 Февраль 2016 - 19:33) писал:
Здравствуйте.
Строки наличие товара, описание и наличие имею общий стиль вместе с контентом сайта, его цвет Вы можете изменить в шаблоне main.css в строке
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}
Необходимо изменять значение #bbb
Для кнопок и значения количества найдите код:
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {font-size: 100%;color: #b5b5b5;border: 1px solid #505050;outline:none;background-color: transparent;}
Здесь измените значение #b5b5b5
Чтобы изменить цвет слова В наличии, найдите код:
.product-shop .goodsDataMainModificationArtNumber span, .product-shop .goodsDataMainModificationAvailable span {color: #e4e4e4;}
Измените значение #e4e4e4
Цвет цены Вы можете изменить в строке:
.price {font-weight: bold;color: #e4e4e4;white-space: nowrap;}
Значение #e4e4e4
#10
Отправлено 21 Февраль 2016 - 00:12
и вот не изменяет черные кнопки http://fforums.ru/vi...?id=1597777.png
#11
Отправлено 21 Февраль 2016 - 02:30
#custommenu ul.mainnav li.level0 .wrap_submenu .level1 a { border-bottom: 1px solid #444; color: #a0a0a0; display: block; padding: 8px 15px; font-size: 14px; } #custommenu ul.mainnav li.level0 > .wrap_submenu {position: absolute;min-width: 255px;padding: 0;top: 120%;left: 0;background: #2a2a2a;border: 1px solid #505050;border-bottom: 0;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);z-index: 100;display: block;overflow: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
измените значение стиля background чтобы изменить фон выпадающего пункта и color для изменения цвета шрифта
По поводу кнопок, в main.css найдите:
.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton { font-family: PT Sans; position: relative; display: -moz-inline-stack; display: inline-block; padding: 7px 15px; border: 1px solid #505050; background: #2a2a2a; cursor: pointer; white-space: normal; text-transform: uppercase; text-align: center; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } .product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus { width: 26px; height: 26px; line-height: 24px; border: 1px solid #505050; background: #2a2a2a; border-radius: 50%; text-align: center; z-index: 10; cursor: pointer; } .product-shop .add-to-links a { display: block; width: 32px; height: 32px; background: #2a2a2a; border: 1px solid #505050; line-height: 30px; font-size: 13px; text-align: center; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
в них измените цветовое значение 505050
#12
Отправлено 21 Февраль 2016 - 14:26
#13
Отправлено 21 Февраль 2016 - 14:34
DOGGED (21 Февраль 2016 - 14:26) писал:
Если Вы хотите изменить цвет всех полей на сайте, то сделайте следующее:
в main.css найдите код
button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { font-size: 100%; color: #3B0FE0; border: 1px solid #3B0FE0; outline: NONE; background-color: transparent; } так же найдите(при нажатии на поле) .inputText:focus, textarea:focus { box-shadow: unset; border-color: #707070; outline: 0; }изменяйте цвета на свои.
Если хотите поменять цвета полей только в отзывах, то в конец main.css добавьте
.goodsDataOpinionAddTable.form .inputText, .goodsDataOpinionAddTable.form textarea { color: #3B0FE0; border: 1px solid #3B0FE0; } .goodsDataOpinionAddTable.form .inputText:focus, .goodsDataOpinionAddTable.form textarea:focus { border-color: #707070; }изменяйте цвета на свои.
#14
Отправлено 21 Февраль 2016 - 16:32
#15
Отправлено 21 Февраль 2016 - 16:36
DOGGED (21 Февраль 2016 - 16:32) писал:
#16
Отправлено 22 Февраль 2016 - 19:15
#17
Отправлено 22 Февраль 2016 - 20:34
DOGGED (22 Февраль 2016 - 19:15) писал:
<li><a href="https://facebook.com/" title="FaceBook.com" class="fa fa-facebook" target="_self"> </a></li> <li><a href="https://vk.com/" title="VK.com" class="fa fa-vk" target="_self"> </a></li> <li><a href="https://youtube.com/" title="YouTube.com" class="fa fa-youtube" target="_self"> </a></li> <li><a href="https://twitter.com/" title="Twitter.com" class="fa fa-twitter" target="_self"> </a></li>удалите строку с ненужной соц. сетью.
#18
Отправлено 23 Февраль 2016 - 14:44
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных