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

[alpha-me]

Доброго времени суток!
Подскажите пожалуйста как мне сделать следующее:
1) Цену товара сделать жирнее
2) Круги обводки количества товара поменять в цвете (или подскажите где расположен файл кругов обводки)
3) Поменять цвет кнопок "В корзину" и "Быстрый заказ" в состоянии когда курсор не сверху. При наведении оставить синий цвет.

Аккаунт SL-405213

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

• 

[Vaccina]

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.price-box .special-price .price {
	color: #3cabda;
	font-size: 180%;
}

замените на:

.price-box .special-price .price {
	color: #3cabda;
	font-size: 180%;
	font-weight: bold;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;}

.product-shop .wrap-qty .qty-set input {padding: 5px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 100%;line-height: 10px;height: 28px;width: 28px;border: 1px solid #dfdfdf;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}

В данных строках измените цветовое значение стиля border

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}

В данной строке измените цветовое значение стиля background

[alpha-me]

Vaccina (17 Январь 2017 - 07:47) писал:

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.price-box .special-price .price {
color: #3cabda;
font-size: 180%;
}

замените на:

.price-box .special-price .price {
color: #3cabda;
font-size: 180%;
font-weight: bold;
}

2. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #dfdfdf;}

.product-shop .wrap-qty .qty-set input {padding: 5px;border-radius: 100%;-webkit-border-radius: 100%;font-size: 100%;line-height: 10px;height: 28px;width: 28px;border: 1px solid #dfdfdf;background: #ffffff url("{ASSETS_IMAGES_PATH}nav-cir.png") no-repeat left top;}

В данных строках измените цветовое значение стиля border

3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.product-shop .add-to-cart .btn-cart {position: relative;padding: 12px 24px 12px 53px;margin: 0 0;font-size: 14px;background: #c0c0c0;color: #FFF;border-color: #c0c0c0;-webkit-border-radius: 24px;-moz-border-radius: 24px;border-radius: 24px;background-image: url("{ASSETS_IMAGES_PATH}action-llist.png");background-repeat: no-repeat;background-position: 9px -346px;}

В данной строке измените цветовое значение стиля background

Спасибо! Сделал.
Скажите еще как поменять цвет цифры и еще пары рамок?

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

• 

[Firefly]

alpha-me (17 Январь 2017 - 10:42) писал:

Спасибо! Сделал.
Скажите еще как поменять цвет цифры и еще пары рамок?

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

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #404040;}

Замените на:

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #404040;color: #404040;}

Найдите код:

.product-view .product-shop .add-to-links li a:before {border: 1px solid #e9e9e9;background-image: url("{ASSETS_IMAGES_PATH}add-to-links.png");height: 42px;width: 42px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-repeat: no-repeat;background-position: 0 0;position: absolute;content: "";left: 0px;top: 0px;}

Замените на:

.product-view .product-shop .add-to-links li a:before {border: 1px solid #404040;background-image: url("{ASSETS_IMAGES_PATH}add-to-links.png");height: 42px;width: 42px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-repeat: no-repeat;background-position: 0 0;position: absolute;content: "";left: 0px;top: 0px;}

[alpha-me]

Firefly (17 Январь 2017 - 11:07) писал:

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

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #404040;}

Замените на:

.product-shop .wrap-qty input.qty {padding: 0px 0;height: 46px;width: 46px;line-height: 48px;margin: -10px 0 0 0;text-align: center;background: #FFF;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;border: 1px solid #404040;color: #404040;}

Найдите код:

.product-view .product-shop .add-to-links li a:before {border: 1px solid #e9e9e9;background-image: url("{ASSETS_IMAGES_PATH}add-to-links.png");height: 42px;width: 42px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-repeat: no-repeat;background-position: 0 0;position: absolute;content: "";left: 0px;top: 0px;}

Замените на:

.product-view .product-shop .add-to-links li a:before {border: 1px solid #404040;background-image: url("{ASSETS_IMAGES_PATH}add-to-links.png");height: 42px;width: 42px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background-repeat: no-repeat;background-position: 0 0;position: absolute;content: "";left: 0px;top: 0px;}

Спасибо! Все отлично!