Здравствуйте! Помогите сделать цвет букв черным, аккаунт SL-445511:
1) На главной поменять цвет шрифта на черный везде кроме: шапки, подвала и "В корзину" (Показано на скрине №1)
2) На вкладке "О нас" Поменять на черный как показано на скриншоте №2
3) На вкладке "Доставка" сделать черным как показано на скрине №3
4) На вкладке "Корзина" сдлкать все рамку черной кроме текста (Показано на скрине №4)
5) на вкладке "Каталог" Весь текст и звезды сделать черным (Показано на скрине №5)
6) На вкладке "Мой кабинет" Сделать весь текст черным шрифтом (Показано на скрине №6)
0
Сообщений в теме: 2
#1
Отправлено 12 Март 2018 - 18:53
#2
Отправлено 13 Март 2018 - 19:27
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
замените на:
далее найдите :
замените на:
далее найдите:
замените на:
далее найдите:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее в конец кода вставьте:
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #e4e4e4;}
замените на:
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #000;} #footer-middle h5{color:#e4e4e4;}
далее найдите :
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;}
замените на:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #000;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;}
далее найдите:
a {color: #bbb;text-decoration:none;cursor:pointer;}
замените на:
a {color: #000;text-decoration:none;cursor:pointer;} #footer-middle a, #header-top a {color: #bbb;text-decoration:none;cursor:pointer;}
далее найдите:
.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav.tab-nav-actived span, .sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span:hover {color: #fff;}замените на:
.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav.tab-nav-actived span, .sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span:hover {color: #000;}
далее найдите:
.price {font-weight: bold;color: #e4e4e4;white-space: nowrap;}
замените на:
.price {font-weight: bold;color: #000;white-space: nowrap;}
далее найдите:
.tab_products .tabs li a {color: #bebebe;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}
замените на:
.tab_products .tabs li a {color: #000;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}
далее найдите:
.col-left .block-title span {color: #e4e4e4;position: relative;}
замените на:
.col-left .block-title span {color: #000;position: relative;}
далее найдите:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;} .col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}
замените на:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #000;border-bottom: 1px solid #000;margin-left: 25px;} .col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #000;}
далее найдите:
.categories .item .title {background: rgba(255, 255, 255, 0.3);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}
замените на:
.categories .item .title {background: rgb(52, 52, 52);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}
далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #fff;border: 1px solid transparent;margin: 0 0 10px 0;}
замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #000;border: 1px solid transparent;margin: 0 0 10px 0;}
далее найдите:
.cartTable tbody .cart-price .price {font-size: 18px;color: #bbb;}
замените на:
.cartTable tbody .cart-price .price {font-size: 18px;color: #000;}
далее в конец кода вставьте:
#breadcrumbs a{color: #fff;} a.button, a.paymentFormSubmitLink, a.paymentFormTbodySubmitButton {color: #fff;}
#3
Отправлено 14 Март 2018 - 02:06
metry (13 Март 2018 - 19:27) писал:
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
замените на:
далее найдите :
замените на:
далее найдите:
замените на:
далее найдите:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее в конец кода вставьте:
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #e4e4e4;}
замените на:
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #000;} #footer-middle h5{color:#e4e4e4;}
далее найдите :
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;}
замените на:
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #000;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;}
далее найдите:
a {color: #bbb;text-decoration:none;cursor:pointer;}
замените на:
a {color: #000;text-decoration:none;cursor:pointer;} #footer-middle a, #header-top a {color: #bbb;text-decoration:none;cursor:pointer;}
далее найдите:
.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav.tab-nav-actived span, .sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span:hover {color: #fff;}замените на:
.sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav.tab-nav-actived span, .sns-producttabs .sns-pdt-head .sns-pdt-nav .pdt-nav .item-nav span:hover {color: #000;}
далее найдите:
.price {font-weight: bold;color: #e4e4e4;white-space: nowrap;}
замените на:
.price {font-weight: bold;color: #000;white-space: nowrap;}
далее найдите:
.tab_products .tabs li a {color: #bebebe;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}
замените на:
.tab_products .tabs li a {color: #000;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}
далее найдите:
.col-left .block-title span {color: #e4e4e4;position: relative;}
замените на:
.col-left .block-title span {color: #000;position: relative;}
далее найдите:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;} .col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}
замените на:
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #000;border-bottom: 1px solid #000;margin-left: 25px;} .col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #000;}
далее найдите:
.categories .item .title {background: rgba(255, 255, 255, 0.3);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}
замените на:
.categories .item .title {background: rgb(52, 52, 52);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}
далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #fff;border: 1px solid transparent;margin: 0 0 10px 0;}
замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #000;border: 1px solid transparent;margin: 0 0 10px 0;}
далее найдите:
.cartTable tbody .cart-price .price {font-size: 18px;color: #bbb;}
замените на:
.cartTable tbody .cart-price .price {font-size: 18px;color: #000;}
далее в конец кода вставьте:
#breadcrumbs a{color: #fff;} a.button, a.paymentFormSubmitLink, a.paymentFormTbodySubmitButton {color: #fff;}
Темы с аналогичным тегами Дизайн
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных