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

[Arteezy]

Здравствуйте
Хотелось бы сделать следующее:
1) При наведении на стрелочки они обводятся красным, как мне изменить на желаемый цвет, а также при наведении изменить надпись Next ( Right arrow key ) и Previous ( Left arrow key )
2) ниже фотографии при увеличении написано "5 of 5", как сделать "5 из 5" и аналогично для "4 of 5" и т.д. для всех товаров
3) При наведении на товар в каталоге появляется фон голубого цвета, как его изменить на желаемый мною цвет
4) Как изменить цвет обычной и зачеркнутой цены

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

• 
• 
• 

[Stasya]

Arteezy (23 Ноябрь 2017 - 21:38) писал:

Здравствуйте
Хотелось бы сделать следующее:
1) При наведении на стрелочки они обводятся красным, как мне изменить на желаемый цвет, а также при наведении изменить надпись Next ( Right arrow key ) и Previous ( Left arrow key )
2) ниже фотографии при увеличении написано "5 of 5", как сделать "5 из 5" и аналогично для "4 of 5" и т.д. для всех товаров
3) При наведении на товар в каталоге появляется фон голубого цвета, как его изменить на желаемый мною цвет
4) Как изменить цвет обычной и зачеркнутой цены

Здравствуйте. Простите за длительное ожидание ответа.
1) В файле main.css найдите код

input[type="button"]:hover, .button:hover, button:hover, .paymentFormTbodySubmitButton:hover, .paymentFormSubmitLink:hover {background-color: #9b2d30;color: #FFF;border-color: #9b2d30;}

и замените его на

input[type="button"]:hover, .button:hover, button:hover, .paymentFormTbodySubmitButton:hover, .paymentFormSubmitLink:hover {background-color: #FFEB3B;color: #FFF;border-color: #FFEB3B;}

В файле forall.js найдите при помощи поиска (курсор установить в код и нажать Ctrl+F) надписи Next ( Right arrow key ) и Previous ( Left arrow key ) и замените их на то, что Вам необходимо.
2) Изменения произвела Вам.
3) В файле main.css найдите код

.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #9b2d30;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}

и замените его на

.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #9b2d30;position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}

4) В файле main.css найдите код (новая цена )

.price-box .special-price .price {color: #9b2d30;font-size: 180%;}

и в нем замените код цвета #9b2d30 на тот, который Вам необходим.
Для старой цены в том же файле найдите код

.price-box .old-price .price {margin: 0 5px 0 0;display: inline-block;font-size: 130%;color: #909090;position: relative;}

и замените в нем код цвета #909090 на свой.
Коды цвета Вы можете посмотреть здесь.

[Arteezy]

Stasya (29 Ноябрь 2017 - 14:07) писал:

Здравствуйте. Простите за длительное ожидание ответа.
1) В файле main.css найдите код

input[type="button"]:hover, .button:hover, button:hover, .paymentFormTbodySubmitButton:hover, .paymentFormSubmitLink:hover {background-color: #9b2d30;color: #FFF;border-color: #9b2d30;}

и замените его на

input[type="button"]:hover, .button:hover, button:hover, .paymentFormTbodySubmitButton:hover, .paymentFormSubmitLink:hover {background-color: #FFEB3B;color: #FFF;border-color: #FFEB3B;}

В файле forall.js найдите при помощи поиска (курсор установить в код и нажать Ctrl+F) надписи Next ( Right arrow key ) и Previous ( Left arrow key ) и замените их на то, что Вам необходимо.
2) Изменения произвела Вам.
3) В файле main.css найдите код

[/font][/color]
.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #9b2d30;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}
[color=#282828][font=helvetica, arial, sans-serif]

и замените его на

.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #9b2d30;position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}

4) В файле main.css найдите код (новая цена )

.price-box .special-price .price {color: #9b2d30;font-size: 180%;}

и в нем замените код цвета #9b2d30 на тот, который Вам необходим.
Для старой цены в том же файле найдите код

.price-box .old-price .price {margin: 0 5px 0 0;display: inline-block;font-size: 130%;color: #909090;position: relative;}

и замените в нем код цвета #909090 на свой.
Коды цвета Вы можете посмотреть здесь.

Спасибо большое, все получилось