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


Помогите Изменить Цвета На Сайте


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

#21 Vaccina

Vaccina

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

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

Отправлено 15 Декабрь 2015 - 02:12

Для этого измените стили в 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: #695746;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;}
.button:hover, .paymentFormSubmitLink:hover, .paymentFormTbodySubmitButton:hover {color: #fff;background: #707070;border-color: #707070;}


#22 Anna.

Anna.

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

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

Отправлено 15 Декабрь 2015 - 02:56

Огромное спасибо за терпение и помощь)))

#23 Anna.

Anna.

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

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

Отправлено 13 Январь 2016 - 19:11

Здравствуйте. Подскажите, пожалуйста, как изменить цвет фона в форме заполнения быстрого заказа.

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

  • 2016-01-13 18-51-32 Скриншот экрана.png


#24 RayLi

RayLi

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

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

Отправлено 13 Январь 2016 - 19:17

Просмотр сообщенияAnna. (13 Январь 2016 - 19:11) писал:

Здравствуйте. Подскажите, пожалуйста, как изменить цвет фона в форме заполнения быстрого заказа.

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.fancybox-skin {
	background: #2a2a2a !important;
	color: #bbb !important;
}

И замените его, например, вот этим вот кодом:

.fancybox-skin {
	background: #FAFAFA !important;
	color: #bbb !important;
}


#25 Anna.

Anna.

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

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

Отправлено 13 Январь 2016 - 19:29

Не работает(

#26 RayLi

RayLi

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

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

Отправлено 13 Январь 2016 - 19:34

Просмотр сообщенияAnna. (13 Январь 2016 - 19:29) писал:

Не работает(

К сожалению у вас не выполнена вышеуказанная инструкция.
Пожалуйста, повторите её снова.

#27 Anna.

Anna.

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

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

Отправлено 13 Январь 2016 - 20:05

Спасибо) Скажите, как изменить цвета этих блоков в той же форме быстрого заказа
1. Я хочу зарегистрироваться
2. Варианты способов оплаты
3. Названия заполняемых полей
4. Цвет цен

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

  • 2016-01-13 19-50-12 Скриншот экрана.png


#28 RayLi

RayLi

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

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

Отправлено 13 Январь 2016 - 20:40

Просмотр сообщенияAnna. (13 Январь 2016 - 20:05) писал:

Спасибо) Скажите, как изменить цвета этих блоков в той же форме быстрого заказа
1. Я хочу зарегистрироваться
2. Варианты способов оплаты
3. Названия заполняемых полей
4. Цвет цен

Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.fancybox-skin {
	background: #FAFAFA !important;
	color: #bbb !important;
}

И замените его, например, вот этим вот кодом:

.fancybox-skin {
	background: #FAFAFA !important;
	color: #000 !important;
}


#29 Anna.

Anna.

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

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

Отправлено 13 Январь 2016 - 21:31

Спасибо. А помогите еще, пожалуйста, поменять цвета выделенных блоков в товарах на главной и в открытом товаре, а то невидно ничего совсем)

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

  • 2016-01-13 21-12-27 Скриншот экрана.png
  • 2016-01-13 21-14-13 Скриншот экрана.png


#30 Vaccina

Vaccina

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

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

Отправлено 14 Январь 2016 - 02:06

В main.css найдите:
.cart-ajax .cart-product .cart-product-info .product-name {
	color: #E4E4E4;
}

замените на:
.cart-ajax .cart-product .cart-product-info .product-name {
	color: #000;
}

далее найдите:
.cart-ajax .cart-txt strong {
	color: #E4E4E4;
}

замените на:
.cart-ajax .cart-txt strong {
	color: #000;
}

далее найдите:
.cart-ajax .cart-product .cart-product-info .cart-product-price .price {
	font-weight: bold;
	font-size: 120%;
	margin-left: 5px;
	color: #EAE7DC;
}

замените на:
.cart-ajax .cart-product .cart-product-info .cart-product-price .price {
	font-weight: bold;
	font-size: 120%;
	margin-left: 5px;
	color: #000;
}


#31 Anna.

Anna.

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

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

Отправлено 14 Январь 2016 - 16:24

Спасибо)

#32 titovgosha1

titovgosha1

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

  • Пользователи
  • PipPip
  • 24 сообщений
  • ГородМосква, Щелково

Отправлено 24 Январь 2016 - 06:42

Доброе утро!

Помогите, пожалуйста, сделать несколько изменений (все выше перечисленное я уже сделал, и после этих изменений кое-что сместилось со своего места):

1. В каталоге товаров спустился вниз каталог, который сбоку (см. рисунки). Помогите, пжл поднять его на место.
2. Сместились иконки и кнопка
3. Изменить цвет шрифта и цвет границ характеристик
4. Изменить цвет текста и цвет границы поиска (именно границы вот этого овала)
5. Хотелось бы обвести все категории, а при наведении они меняли заливку и, если возможно, цвет текста
6. Поменять цвета, стрелочками указано.
7. Тут тоже произошли смещения, просьба подсказать как вернуть все на места.
Заранее благодарю за помощь

SL-356871

рисунок 3

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

  • 2016-01-24 06-03-17 Скриншот экрана.png
  • 2016-01-24 06-10-25 Скриншот экрана.png
  • 2016-01-24 06-37-13 Скриншот экрана.png


#33 RayLi

RayLi

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

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

Отправлено 24 Январь 2016 - 09:34

Просмотр сообщенияtitovgosha1 (24 Январь 2016 - 06:42) писал:

Доброе утро!

Помогите, пожалуйста, сделать несколько изменений (все выше перечисленное я уже сделал, и после этих изменений кое-что сместилось со своего места):

1. В каталоге товаров спустился вниз каталог, который сбоку (см. рисунки). Помогите, пжл поднять его на место.
2. Сместились иконки и кнопка
3. Изменить цвет шрифта и цвет границ характеристик
4. Изменить цвет текста и цвет границы поиска (именно границы вот этого овала)
5. Хотелось бы обвести все категории, а при наведении они меняли заливку и, если возможно, цвет текста
6. Поменять цвета, стрелочками указано.
7. Тут тоже произошли смещения, просьба подсказать как вернуть все на места.
Заранее благодарю за помощь

SL-356871

рисунок 3

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

.col-md-3 {
	width: 25%;
}

И замените его вот этим вот кодом:

.col-md-3 {
	width: 20%;
}


После этого в то же шаблоне, найдите, пожалуйста, следующий код:

.item-info .table-box > tbody > tr > th, .item-info .table-box > tfoot > tr > th, .item-info .table-box > tbody > tr > td, .item-info .table-box > tfoot > tr > td {
	border: 1px solid #e1e1e1;
	line-height: 18px;
	padding: 0px 0px 0px;
	text-align: center;
}

И замените его вот этим кодом:

.item-info .table-box > tbody > tr > th, .item-info .table-box > tfoot > tr > th, .item-info .table-box > tbody > tr > td, .item-info .table-box > tfoot > tr > td {
	border: 1px solid #000000;
	line-height: 18px;
	padding: 0px 0px 0px;
	text-align: center;
	color: #000000;
}


После чего, снова в шаблоне main.css , найдите данный код:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {
	padding: 0 15px;
	width: 100%;
	height: 32px;
	line-height: 30px;
	border-radius: 25px;
	font-size: 13px;
}

И замените его вот этим кодом:

.product-grid .item .item-inner .action-bot .wrap-addtocart .add-cart {
	padding: 0 15px;
	height: 32px;
	line-height: 30px;
	border-radius: 25px;
	font-size: 13px;
}


После чего в самый конец шаблона main.css добавьте, пожалуйста, следующий код:

.block.filters {
	color: #000 !important;
}


#34 titovgosha1

titovgosha1

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

  • Пользователи
  • PipPip
  • 24 сообщений
  • ГородМосква, Щелково

Отправлено 25 Январь 2016 - 00:17

Еще одно смещение, про которое забыл. На странице товара, то, что справа было, сместилось все под картинку товара. Подскажите, пожалуйста, как исправить. Спасибо заранее

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

  • 2016-01-25 00-12-54 Скриншот экрана.png


#35 Юля123

Юля123

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

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 25 Январь 2016 - 09:31

Просмотр сообщенияtitovgosha1 (25 Январь 2016 - 00:17) писал:

Еще одно смещение, про которое забыл. На странице товара, то, что справа было, сместилось все под картинку товара. Подскажите, пожалуйста, как исправить. Спасибо заранее

Здравствуйте, найдите в main.css строчку:

.product-view .product-img-box {padding-left: 0;margin-bottom: 25px;}

и замените на строчку:

.product-view .product-img-box {padding: 0;margin-bottom: 25px;}


далее найдите строчку:

.product-view .product-shop {padding-right: 0;}

и замените на строчку:

.product-view .product-shop {padding: 0;}


#36 Anna.

Anna.

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

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

Отправлено 12 Февраль 2016 - 19:51

Здравствуйте. Помогите, пожалуйста, поменять цвета самих иконок и изображений внутри при наведении и без наведения курсора в открытом товаре(1) и в каталоге(2)

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

  • 2016-02-12 19-21-24 Скриншот экрана.png
  • 2016-02-12 19-23-13 Скриншот экрана.png


#37 RedHead

RedHead

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

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

Отправлено 12 Февраль 2016 - 20:09

Просмотр сообщенияAnna. (12 Февраль 2016 - 19:51) писал:

Здравствуйте. Помогите, пожалуйста, поменять цвета самих иконок и изображений внутри при наведении и без наведения курсора в открытом товаре(1) и в каталоге(2)

Здравствуйте. В конец шаблона main.css добавьте:

.related.clear .box-up-sell .block-title .navigation a .fa {display: inline-block;width: 25px;height: 25px;border: 1px solid #505050;text-align: center;line-height: 23px;font-size: 16px;color: #fff;background: #695746;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
.related.clear .box-up-sell .block-title .navigation a .fa:hover {border: 1px solid #dbc7b5;background: #dbc7b5;}

Затем в том же шаблоне замените строки:

.pages li a, .pages li span {min-width: 26px;height: 26px;border-radius: 13px;line-height: 24px;text-align: center;padding: 0 5px;color: #545454;background: #2a2a2a;position: relative;float: left;text-decoration: none;border: 1px solid #505050;margin-left: -1px;}
.pages li a:hover, .pages li.current span {background-color: #707070;border-color: #707070;color: #fff;}
на:
.pages li a, .pages li span {min-width: 26px;height: 26px;border-radius: 13px;line-height: 24px;text-align: center;padding: 0 5px;color: #fff;background: #695746;position: relative;float: left;text-decoration: none;border: 1px solid #505050;margin-left: -1px;}
.pages li a:hover, .pages li.current span {border: 1px solid #dbc7b5;background: #dbc7b5;color: #fff;}


#38 Anna.

Anna.

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

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

Отправлено 13 Февраль 2016 - 00:38

Спасибо

#39 Ingleest

Ingleest

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

  • Пользователи
  • PipPipPipPip
  • 406 сообщений
  • ГородTallinn

Отправлено 09 Март 2016 - 17:52

Помогите, пожалуйста. Не могу найти, как изменить цвета на сайте:
1. Сменить цвет контактов в шапке
2. Сменить цвет значков\иконок
3. Сменить цвет этого пользовательского меню и выпадающих из него, с фоном.
4. Сменить цвет звездочки и ранжирования товаров.
5. Сменить цвет текста описания товара.
6. Поменять цвет фона и текста значений ранжирования.

Бегал-бегал по шаблону main.css ... Все что-то не то получается.

7. Подскажите, как сменить фон на белый? Загрузил белую картинку взамен bg.png , а фон стал серым...

Изображение

Сообщение отредактировал Ingleest: 09 Март 2016 - 17:55


#40 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 09 Март 2016 - 18:50

Просмотр сообщенияIngleest (09 Март 2016 - 17:52) писал:

Помогите, пожалуйста. Не могу найти, как изменить цвета на сайте:
1. Сменить цвет контактов в шапке
2. Сменить цвет значков\иконок
3. Сменить цвет этого пользовательского меню и выпадающих из него, с фоном.
4. Сменить цвет звездочки и ранжирования товаров.
5. Сменить цвет текста описания товара.
6. Поменять цвет фона и текста значений ранжирования.

Бегал-бегал по шаблону main.css ... Все что-то не то получается.

7. Подскажите, как сменить фон на белый? Загрузил белую картинку взамен bg.png , а фон стал серым...

Изображение
Здравствуйте.
В main.css найдите следующие блоки с кодом:
1-2-4-5
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;}
3)
#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 .wrap_submenu .level1 a {
border-bottom: 1px solid #444;
color: #a0a0a0;
display: block;
padding: 8px 15px;
font-size: 14px;
}
4)
.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;}
изменяйте цвет у свойства color и border.
6)
.selectBox {
height: 35px;
background: #000000;
border: 1px solid #505050;
color: #fff;
padding: 3px;
}





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

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