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


Как Сделать Кнопки Яркими


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

#1 Наталья161612

Наталья161612

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

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

Отправлено 06 Апрель 2018 - 18:37

На сайте очень блеклые кнопки - их нужно сделать яркими - синим/красным. Так же разделы в карточке - Характеристики, Условия доставки и тд. Чтобы разглядеть все на сайте нужно напрягаться - это плохо. Скриншот прилагаю.    

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

  • 309.png
  • 146.png
  • 94.png


#2 Vaccina

Vaccina

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

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

Отправлено 07 Апрель 2018 - 03:16

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
body {margin: 0;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #909090;overflow-x: hidden;position: relative;}
.wrap {width: 100%;clear: both;}
a {color: #909090;text-decoration:none;cursor:pointer;}

замените на:
body {margin: 0;font-family: Arial, sans-serif;font-size: 12px;line-height: 20px;background-color: #ffffff;color: #000000;overflow-x: hidden;position: relative;}
.wrap {width: 100%;clear: both;}
a {color: #000000;text-decoration:none;cursor:pointer;}

далее найдите:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;}

замените на:
.products-grid .item .item-inner .item-img .cart-wrap .btn-cart {color: #000000;font-size: 14px;text-transform: none;position: relative;height: 34px;line-height: 34px;display:inline-block;padding: 0 17px 0 47px;}

далее найдите:
.tabs li a {border: 1px solid #e9e9e9;border-bottom: none;background-color: #FFF;color: #666666;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: normal;font-size: 133.3%;padding: 10px 15px;display:block;}

замените на:
.tabs li a {border: 1px solid #3CABDA;border-bottom: none;background-color: #FFF;color: #3CABDA;-webkit-border-radius: 12px 12px 0 0;-moz-border-radius: 12px 12px 0 0;border-radius: 12px 12px 0 0;position: relative;text-transform: none;font-weight: normal;font-size: 133.3%;padding: 10px 15px;display:block;}

далее найдите:
.box-up-sell .block-title {font-size: 183.3%;position: relative;text-transform: uppercase;}

замените на:
.box-up-sell .block-title {color: #3CABDA;font-size: 183.3%;position: relative;text-transform: uppercase;}

далее найдите:
.block-contact .block-content p {margin: 0 0 10px 0;padding: 0 0 0 46px;min-height: 40px;position: relative;color: #666666;display: inline-block;width: 100%;}
замените на:
.block-contact .block-content p {margin: 0 0 10px 0;padding: 0 0 0 46px;min-height: 40px;position: relative;color: #000000;display: inline-block;width: 100%;}
#footer-top a{color:#000000;}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных