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


Изменить Кнопки


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

#1 JUMP

JUMP

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

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

Отправлено 12 Сентябрь 2016 - 21:29

Акк. 360450
Нужно на странице товара Кнопки "в корзину" и "быстрый заказ" поменять на кнопки как из шаблона город только чтобы цвет кнопок я мог сам поменять и чтобы при наведении курсора на кнопки был эффект например затемнения !!!

и еще слева некоторые категории в каталоге сделать жирным цветом,чтобы выделялось!!!

#2 Vaccina

Vaccina

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

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

Отправлено 13 Сентябрь 2016 - 02:23

В main.css найдите:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {
	font-size: 14px;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 15px 0 0px;
	padding: 7px 25px;
}

замените на:
.product-view .product-shop .add-to-box .add-to-cart .add-cart {
	font-size: 14px;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 15px 0 0px;
	padding: 7px 25px;
	border-radius: 0;
	background: #C7081B;
	color: #ffffff;
}
.product-view .product-shop .add-to-box .add-to-cart .add-cart:hover {background: #2B3038; border:none;border-radius: 0;}

далее найдите и удалите:
.button:hover:before {opacity: 1;}

далее найдите:
.block-menu-content li a {
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px 10px 17px;
	font-weight: 500;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: none;
	color: #404040;
	border-left: 3px solid rgba(0,0,0,0);
}

замените на:
.block-menu-content li a {
	display: block;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px 10px 17px;
	font-weight: bold;
	letter-spacing: 0.3px;
	text-align: left;
	text-transform: none;
	color: #404040;
	border-left: 3px solid rgba(0,0,0,0);
}


#3 JUMP

JUMP

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

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

Отправлено 13 Сентябрь 2016 - 12:18

1.Все получилось
2.По второму мне надо только категории сделать жирным,а подкатегории обычным шрифтом.

#4 Danil

Danil

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

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

Отправлено 13 Сентябрь 2016 - 13:18

Просмотр сообщенияJUMP (13 Сентябрь 2016 - 12:18) писал:

1.Все получилось
2.По второму мне надо только категории сделать жирным,а подкатегории обычным шрифтом.
Здравствуйте.
В конец main.css добавьте
.block-menu-content li ul li a {font-weight: normal;}


#5 abram3

abram3

    Продвинутый пользователь

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

Отправлено 13 Сентябрь 2016 - 23:31

Добрый день или ночь!Надо поменять цвет кнопок которые показаны на скрине,чтобы они всегда были зеленого цвета,а не только когда на них наводишь курсор

#6 abram3

abram3

    Продвинутый пользователь

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

Отправлено 13 Сентябрь 2016 - 23:40

Добрый день или ночь!Надо поменять цвет кнопок которые показаны на скрине,чтобы они всегда были зеленого цвета,а не только когда на них наводишь курсор

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

  • Screenshot_1.png


#7 Vaccina

Vaccina

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

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

Отправлено 14 Сентябрь 2016 - 01:41

В main.css найдите:
.navigation .prev, .navigation .next {border: 1px solid #dddddd;color: #696969;line-height: 21px;font-size: 16px;padding: 0;margin: 0 2px;float: left;height: 25px;width: 25px;display: inline-block;text-align: center;zoom: 1;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: Alpha(Opacity=50);opacity: 0.5;}
.navigation .prev:hover, .navigation .next:hover {background: #18bd9c;color: #ffffff;border: 1px solid transparent;cursor: pointer;filter: Alpha(Opacity=100);opacity: 1;}

замените на:
.navigation .prev, .navigation .next {line-height: 21px;font-size: 16px;padding: 0;margin: 0 2px;float: left;height: 25px;width: 25px;display: inline-block;text-align: center;zoom: 1;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background: #18bd9c;color: #ffffff;border: 1px solid transparent;cursor: pointer;filter: Alpha(Opacity=100);opacity: 1;}


#8 abram3

abram3

    Продвинутый пользователь

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

Отправлено 14 Сентябрь 2016 - 11:31

Просмотр сообщенияVaccina (14 Сентябрь 2016 - 01:41) писал:

В main.css найдите:
.navigation .prev, .navigation .next {border: 1px solid #dddddd;color: #696969;line-height: 21px;font-size: 16px;padding: 0;margin: 0 2px;float: left;height: 25px;width: 25px;display: inline-block;text-align: center;zoom: 1;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;filter: Alpha(Opacity=50);opacity: 0.5;}
.navigation .prev:hover, .navigation .next:hover {background: #18bd9c;color: #ffffff;border: 1px solid transparent;cursor: pointer;filter: Alpha(Opacity=100);opacity: 1;}

замените на:
.navigation .prev, .navigation .next {line-height: 21px;font-size: 16px;padding: 0;margin: 0 2px;float: left;height: 25px;width: 25px;display: inline-block;text-align: center;zoom: 1;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background: #18bd9c;color: #ffffff;border: 1px solid transparent;cursor: pointer;filter: Alpha(Opacity=100);opacity: 1;}


Спасибо!)))




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

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