Сообщений в теме: 17

[Сергей Иванов]

Помогите поменять цвета, рис. во вложении

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

• 

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 14:02) писал:

Помогите поменять цвета, рис. во вложении

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-tools .mycart .content .cart_block_list .product-remove {position: absolute;right: 0;bottom: 50%;margin-top: -20px;color: #666;display: block;background: #dfdfdf;width: 18px;height: 18px;border-radius: 50%;text-align: center;}

Замените на:

.header-tools .mycart .content .cart_block_list .product-remove {position: absolute;right: 0;bottom: 50%;margin-top: -20px;color: #666;display: block;background: #DE7050;width: 18px;height: 18px;border-radius: 50%;text-align: center;}

При необходимости измените код цвета #DE7050.

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated {display: inline-block;color: #9c9b9b;text-transform: uppercase;font-size: 10px;padding-right: 5px;}

Замените на:

.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated {display: inline-block;color: #DE7050;text-transform: uppercase;font-size: 10px;padding-right: 5px;}

При необходимости измените код цвета #DE7050.

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {font-family: PT Sans;position: relative;display: -moz-inline-stack;display: inline-block;padding: 7px 15px;background: #ED9C28;cursor: pointer;white-space: normal;text-transform: uppercase;color: #fff;text-align: center;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius:0 px;}

Замените на:

.button, .paymentFormSubmitLink, .paymentFormTbodySubmitButton {font-family: PT Sans;position: relative;display: -moz-inline-stack;display: inline-block;padding: 7px 15px;background: #ED9C28;cursor: pointer;white-space: normal;text-transform: uppercase;color: #fff !important;text-align: center;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius:0 px;}

[Сергей Иванов]

Спасибо!

[Сергей Иванов]

Первое не сработало, а в третьем как изменить цвета при наведении?

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 14:56) писал:

Первое не сработало, а в третьем как изменить цвета при наведении?

В первом случае изменился цвет кнопки с серого на оранжевый (не крестика). Крестик является элементом изображения.
Уточните, пожалуйста, Вы бы хотели изменить цвет кнопки или шрифта (при наведении)?

[Сергей Иванов]

Мне как раз нужно поменять цвет крестика и кружка

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 16:15) писал:

Мне как раз нужно поменять цвет крестика и кружка

Цвет крестика, к сожалению, изменить просто так не получится, т.к. он является символом и выводится из подключаемого файла.
Можно изменить цвет кружка вокруг него в обычном состоянии и при наведении.
Для изменения цвета в обычном состоянии  в main.css найдите код:

.header-tools .mycart .content .cart_block_list .product-remove {position: absolute;right: 0;bottom: 50%;margin-top: -20px;color: #666;display: block;background: #DE7050;width: 18px;height: 18px;border-radius: 50%;text-align: center;}

В данном коде изменяйте значение кода цвета #DE7050 (сейчас установлен оранжевый цвет).

Чтобы изменить цвет при наведении, найдите код:

#header-top .header-tools .content a:hover, #header-top .header-tools .content a:hover i {color: #5cb85c;}

Измените значение кода цвета #5cb85c на необходимое.

[Сергей Иванов]

После цветовых замен, у меня теперь названия товаров тоже белым((

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 18:34) писал:

После цветовых замен, у меня теперь названия товаров тоже белым((

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в самом конце код:

a.product-name {color: #808080;}

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

.header-tools .myaccount, .header-tools .mycart, .header-tools .mycompare {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;color:#fff;}

Замените на:

.header-tools .myaccount, .header-tools .mycart, .header-tools .mycompare {display: -moz-inline-stack;display: inline-block;vertical-align: middle;zoom: 1;}

Найдите код:

.header-tools .myaccount .tongle, .header-tools .mycart .tongle, .header-tools .mycompare .tongle {font-size: 16px;}

Замените на:

.header-tools .myaccount .tongle, .header-tools .mycart .tongle, .header-tools .mycompare .tongle {font-size: 16px;color: #fff;}

[Сергей Иванов]

Не могу сделать:
1) Поменять цвет шрифта
2) Убрать границу у кнопки

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

• 

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 19:09) писал:

Не могу сделать:
1) Поменять цвет шрифта
2) Убрать границу у кнопки

1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

input::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}

Замените на:

#search_mini_form input::-webkit-input-placeholder {color: #fff;}
#search_mini_form input:-moz-placeholder {color: #fff;}

2. Найдите код:

#footer-middle .column .callbackForm .button {margin: 0 auto;display: block;}

Замените на:

#footer-middle .column .callbackForm .button {margin: 0 auto;display: block;border: 0;}

[Сергей Иванов]

Теперь поменялся цвет в строке поиска и у кругляшков с крестиком

[Firefly]

Сергей Иванов (03 Октябрь 2015 - 19:50) писал:

Теперь поменялся цвет в строке поиска и у кругляшков с крестиком

На данный момент цвет текста в строке поиска и "кругляшек" выглядят, как на скриншоте в приложении.
Насколько видно, Вы самостоятельно задали цвета для данных элементов.
Уточните, пожалуйста, что бы Вы хотели в них изменить.

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

• 

[Сергей Иванов]

Просто эта надпись взаимодействует с другими элементами, меняю цвет, тут меняется тоже, подскажите где?

И скруглить углы у кнопок на картинке

[Сергей Иванов]

Тех поддержка, жду помощи вашей!

[Firefly]

Сергей Иванов (04 Октябрь 2015 - 07:21) писал:

Просто эта надпись взаимодействует с другими элементами, меняю цвет, тут меняется тоже, подскажите где?

И скруглить углы у кнопок на картинке

Здравствуйте.
Если Вам необходимо сделать только надпись "Поиск по магазину" белым цветом, в шаблоне main.css найдите код:

#search_mini_form input::-webkit-input-placeholder {color: #647077;}
#search_mini_form input:-moz-placeholder {color: #647077;}

Замените на:

#search_mini_form input::-webkit-input-placeholder {color: #fff;}
#search_mini_form input:-moz-placeholder {color: #fff;}

Для скругления углов у кнопок:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.header-tools .mycart .content .cart_block_list .bottom-action .button {text-align:center;padding: 0 15px;margin: 0;}

Замените на:

.header-tools .mycart .content .cart_block_list .bottom-action .button {text-align:center;padding: 0 15px;margin: 0;webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px;}

[ЛераЛера]

помогите пожалуйста поменять цвета меню шапка, подвал, и где менять цвета шрифта)

[Firefly]

ЛераЛера (22 Октябрь 2015 - 12:54) писал:

помогите пожалуйста поменять цвета меню шапка, подвал, и где менять цвета шрифта)

Для изменения цвета шрифта меню в шапке:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#header-top .header-col-left ul.links li {padding: 11px 8px;float: left;}

Замените на:

#header-top .header-col-left ul.links li {padding: 11px 8px;float: left;}
#header-top .header-col-left ul.links li a {color: white;}

Чтобы изменить цвета пунктов в подвале в main.css найдите код:

#footer-middle a, #footer-middle p {color: #e4e4e4;}

Измените код цвета #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}91523.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}

Изменяя значение #bbb у параметра color.