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


Поменять Шрифт, Выровнять, Поменять Цвет.


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

#1 lifestylegoods

lifestylegoods

    Новичок

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

Отправлено 27 Январь 2018 - 16:56

Добрый день, по скриншоту можно ли мне сделать такие операции:

1. Слева под логотипом что бы был номер телефона:  ЗВОНИТЕ: +7 (ХХХ) ХХХ-ХХ-ХХ

"(и скажите как меня размер шрифта). Справа что бы было под корзиной:ВХОД В ЛК и РЕГИСТАЦИЯ, ИЗБРАННОЕ.

2.Сделать такой же везде цвет как у логотипа.

3.Поиск сделать по середине. Избранное,  личный кабинет, корзина, регистрацию убрать.

4. Поменять по больше шрифт, убрать: Корзину, Войти в ЛК
Заранее спасибо.

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

  • 1.gif


#2 lifestylegoods

lifestylegoods

    Новичок

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

Отправлено 27 Январь 2018 - 18:19

Аккаунт SL- 434134

#3 RayLi

RayLi

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

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

Отправлено 06 Февраль 2018 - 17:49

Просмотр сообщенияlifestylegoods (27 Январь 2018 - 16:56) писал:

Добрый день, по скриншоту можно ли мне сделать такие операции:

1. Слева под логотипом что бы был номер телефона:  ЗВОНИТЕ: +7 (ХХХ) ХХХ-ХХ-ХХ

"(и скажите как меня размер шрифта). Справа что бы было под корзиной:ВХОД В ЛК и РЕГИСТАЦИЯ, ИЗБРАННОЕ.

2.Сделать такой же везде цвет как у логотипа.

3.Поиск сделать по середине. Избранное,  личный кабинет, корзина, регистрацию убрать.

4. Поменять по больше шрифт, убрать: Корзину, Войти в ЛК
Заранее спасибо.

Просмотр сообщенияlifestylegoods (27 Январь 2018 - 18:19) писал:

Аккаунт SL- 434134

Здравствуйте.
Для начала Вам необходимо в шаблоне main.css найти следующий блок кода:

.catButton {
	text-align: center;
	padding: 12px;
	background: #DF747A;
	font-size: 30px;
	color: white;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

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

.catButton {
	text-align: center;
	padding: 12px;
	background: #8ee2da;
	font-size: 30px;
	color: #222020;
	font-weight: bold;
	cursor: pointer;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


Далее там же найдите, пожалуйста, данный код:

.indexPageHeader span, .page_title span {
	color: white;
}

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

.indexPageHeader span, .page_title span {
	color: #232020;
}


После чего там же найдите, пожалуйста, следующий код:

.indexPageHeader span:after, .page_title span:after {
	content: '';
	position: absolute;
	left: -10px;
	width: auto;
	transform: skew(-20deg);
	background: #DF747A;
	z-index: -1;
	height: 100%;
	width: 100%;
	padding: 5px 18px 5px 5px;
	top: -5px;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
}

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

.indexPageHeader span:after, .page_title span:after {
	content: '';
	position: absolute;
	left: -10px;
	width: auto;
	transform: skew(-20deg);
	background: #8de2db;
	z-index: -1;
	height: 100%;
	width: 100%;
	padding: 5px 18px 5px 5px;
	top: -5px;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
}


Теперь там же найдите данный код:

.item a.addToCart, .prod_hold a.addToCart, .prod_hold span.noavalible {
	background: #DF747A;
	display: block;
	height: 75px;
	padding-top: 20px;
	font-size: 30px;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	bottom: -80px;
	width: 100%;
	transition: all 0.25s ease 0.15s;
	-webkit-transition: all 0.25s ease 0.15s;
	-o-transition: all 0.25s ease 0.15s;
	-moz-transition: all 0.25s ease 0.15s;
}

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

.item a.addToCart, .prod_hold a.addToCart, .prod_hold span.noavalible {
	background: #8de2dc;
	display: block;
	height: 75px;
	padding-top: 20px;
	font-size: 30px;
	text-transform: uppercase;
	cursor: pointer;
	position: absolute;
	bottom: -80px;
	width: 100%;
	transition: all 0.25s ease 0.15s;
	-webkit-transition: all 0.25s ease 0.15s;
	-o-transition: all 0.25s ease 0.15s;
	-moz-transition: all 0.25s ease 0.15s;
}


Далее там же найдите, пожалуйста, следующий код:

.mainPageGoods a {
	color: white;
}

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

.mainPageGoods a {
	color: black;
}


После чего найдите там же, пожалуйста, данный код:

.item .price-new > span, .prod_hold .price-new > span {
	position: relative;
	color: white;
}

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

.item .price-new > span, .prod_hold .price-new > span {
	position: relative;
	color: black;
}


И далее найдите, пожалуйста, всё там же, следующий код:

.item .price-new > span:after, .prod_hold .price-new > span:after {
	content: '';
	position: absolute;
	left: -10px;
	width: 100%;
	transform: skew(-20deg);
	background: #DF747A;
	z-index: -1;
	height: 100%;
	padding: 5px 18px 5px 5px;
	top: -5px;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}

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

.item .price-new > span:after, .prod_hold .price-new > span:after {
	content: '';
	position: absolute;
	left: -10px;
	width: 100%;
	transform: skew(-20deg);
	background: #8de2dc;
	z-index: -1;
	height: 100%;
	padding: 5px 18px 5px 5px;
	top: -5px;
	box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
	transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
	transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}





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

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