Перейти к содержимому


Изменение Цвета Шрифта

Дизайн

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Максим судариков

Максим судариков

    Пользователь

  • Пользователи
  • PipPip
  • 33 сообщений

Отправлено 12 Март 2018 - 18:53

Здравствуйте! Помогите сделать цвет букв черным, аккаунт SL-445511:

1) На главной поменять цвет шрифта на черный везде кроме: шапки, подвала и "В корзину" (Показано на скрине №1)
2)  На вкладке "О нас" Поменять на черный как показано на скриншоте №2
3) На вкладке "Доставка" сделать черным как показано на скрине №3
4) На вкладке "Корзина" сдлкать все рамку черной кроме текста (Показано на скрине №4)
5) на вкладке "Каталог" Весь текст и звезды сделать черным (Показано на скрине №5)
6) На вкладке "Мой кабинет" Сделать весь текст черным шрифтом (Показано на скрине №6)

Прикрепленные изображения

  • Снимок экрана (18)_LI.jpg
  • Снимок экрана (20)_LI.jpg
  • Снимок экрана (21)_LI.jpg
  • Снимок экрана (23)_LI.jpg
  • Снимок экрана (25)_LI.jpg
  • Снимок экрана (26)_LI.jpg


#2 metry

metry

    Активный участник

  • Модераторы
  • 871 сообщений

Отправлено 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 Максим судариков

Максим судариков

    Пользователь

  • Пользователи
  • PipPip
  • 33 сообщений

Отправлено 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 анонимных