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


Помогите Изменить Главную

Автор gel, 09 июня 2017 09:50

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

#1 gel

gel

    Пользователь

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

Отправлено 09 Июнь 2017 - 09:50

Здравствуйте!
Пожалуйста, помогите внести изменения в дизайн.
1). Поменять цвет Верхнего меню.
2). Сделать фон сайта белым.
3). Разделы каталога - изменить цвет.
4). Логотип сместить влево, под ним - текст.
5). Посередине - телефон и поиск, справа - Корзина с картинкой и ЛК. (как на 2 скрине).

Заранее благодарю. Скрин.

Номер аккаунта


SL-413534

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

  • Screenshot_1.png
  • Screenshot_2.png

Сообщение отредактировал gel: 09 Июнь 2017 - 10:11

#2 metry

metry

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

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

Отправлено 09 Июнь 2017 - 11:10

Добрый день. Для внесения изменений зайдите в

1. Редактор шаблонов-->main.css и найдите:
#header-top {background: #3f3f3f;
	 height: 42px;
	 position: fixed;
	 z-index: 999999;}
- для background задайте свой код цвета.

2. В main.css найдите:

#wrapper {background: rgba(0, 0, 0, 0.1);position: relative;z-index: 0;min-height:1000px;}

замените на:

#wrapper {background: rgb(255, 255, 255);position: relative;z-index: 0;min-height:1000px;}

далее найдите:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #fff;border: 1px solid transparent;margin: 0 0 10px 0;}

замените на:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 5px 12px;position: relative;font-size: 16px;text-transform: uppercase;line-height: 20px;color: #3f3f3f;border: 1px solid transparent;margin: 0 0 10px 0;}

4,5:  Зайдите в Редактор шаблонов-->HTML и найдите:

	 <div class="container">
		 <div id="logo">
		 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
		 </a>
		 </div>
	 </div>

замените на:

	 <div class="container">
		 <div class="head col-md-4 col-sm-4 col-sms-6 col-smb-12">
		 <div id="logo">
		 <a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
			 <img class="logo" src="{ASSETS_IMAGES_PATH}logo.png?design=dark" alt="{SETTINGS_STORE_NAME}">
		 </a>
		 </div>
		 </div>
		 <div class="head col-md-4 col-sm-5 col-sms-6 col-smb-12">
		 <div class ="phone_head">
						 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>{% ENDIF %}<br>
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span>{% ENDIF %}
			
		 </div>
		 </div>
		 <div class="head col-md-4 col-sm-3 col-sms-0 col-smb-12">
		 <div class="header-tools">
			 <!-- Меню пользователя -->
			 <div class="myaccount">
			 <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>
			 <div class="content">
				 <ul class="links">
				 {% IFNOT CLIENT_IS_LOGIN %}
				 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
				 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
				 <li><a href="{CART_URL}" title="Корзина"><i class="fa fa-shopping-cart"></i>Корзина</a></li>
				 {% ELSE %}
				 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
				 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
				 <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
				 <li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>
				 <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
				 {% ENDIF %}
				 </ul>
			 </div>
			 </div>

			 <!-- Корзина -->
			 <div class="mycart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}">
			 <div class="tongle cart-status">
				 <a href="{CART_URL}" title="Перейти в корзину">
				 <i class="fa fa-shopping-cart"></i><span class="cart-count">{CART_COUNT_TOTAL}</span>
				 </a>
			 </div>
			 <div class="content dropdown-cart">
				 <div class="cart_block_list">
				 {% IF cart_count_empty %}
				 <p class="cart_block_no_products">Ваша корзина пуста</p>
				 {% ELSE %}
				 <ul id="cart-sidebar" class="products">
					 {% FOR cart_items %}
					 <li class="cart-item">
					 <a class="cart-images" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">
						 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=dark{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon">
					 </a>
					 <div class="cart-block-info">
						 <div class="product-name">
						 <a class="cart_block_product_name" href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a>
						 {% IFNOT cart_items.distinctive_properties_empty %}<span class="cart_block_product_mod">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
						 </div>
						 <div class="cart_block_price">
						 <span class="quantity-formated"><span class="quantity">{cart_items.ORDER_LINE_QUANTITY}</span>&nbsp;x</span>
						 <span class="price {CURRENCY_CHAR_CODE}" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
						 </div>
					 </div>
					 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove">&nbsp;</a>
					 </li>
					 {% ENDFOR %}
				 </ul>
				 {% ENDIF %}
				 <div class="bottom-action actions">
					 {% FOR cart_sum %}
					 <div class="cart-prices">
						 <span>Итого:</span>
						 <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
					 </div>
					 {% ENDFOR %}
					 <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a>
					 <a class="button" href="{CART_URL}" title="Перейти к оформлению заказа" >В корзину</a>
				 </div>
				 </div>
			 </div>
			 </div>
		 </div>
		 </div>
	 </div>

далее зайдите в main.css и найдите:

#logo {margin: 0;padding: 15px 0 10px 35px;}

замените на:

#logo {margin: 0;padding: 55px 0 10px 35px;}

далее в самый конец кода main.css вставьте:

.head.col-md-4 .header-tools, .head.col-sm-4 .header-tools{padding: 55px 0 10px 35px;float:right;}
.head.col-md-4 .phone_head, .head.col-sm-4 .phone_head{padding: 55px 0 10px 35px;}
@media all and (min-width: 768px){
.header-col-right .header-tools {display:none;}
}
@media all and (max-width: 768px) {
.head .header-tools{display:none;}
}
@media all and (max-width: 481px) {
.head.col-md-4 .phone_head, .head.col-sm-4 .phone_head{padding: 5px 0 10px 35px;}
}

#3 gel

gel

    Пользователь

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

Отправлено 11 Июнь 2017 - 21:03

Добрый вечер!
Исправления получились, спасибо.
Еще несколько вопросов:
1). Изменить цвет шрифта Верхнего меню.
2). Весь шрифт (Заголовки, описание, характеристики) сделать черным цветом.
3). На Главной: телефон сделать крупнее.
4). Телефон - поменять цвет .
5). Поле "Поиск по сайту сделать белым цветом.
6). Изменить цвет иконок "Личный кабинет" и  "Корзина".
7). Возле иконки "личный кабинет" поставить заглавные ЛК.
8). Изменить цвет выпадающего меню ЛК.
9).Изменить цвет выпадающего меню разделов Каталога.
10). Поменять цвет кнопок "В корзину".
Заранее благодарю за помощь.

#4 RayLi

RayLi

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

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

Отправлено 12 Июнь 2017 - 09:37

Просмотр сообщенияgel (11 Июнь 2017 - 21:03) писал:

Добрый вечер!
Исправления получились, спасибо.
Еще несколько вопросов:
1). Изменить цвет шрифта Верхнего меню.
2). Весь шрифт (Заголовки, описание, характеристики) сделать черным цветом.
3). На Главной: телефон сделать крупнее.
4). Телефон - поменять цвет .
5). Поле "Поиск по сайту сделать белым цветом.
6). Изменить цвет иконок "Личный кабинет" и  "Корзина".
7). Возле иконки "личный кабинет" поставить заглавные ЛК.
8). Изменить цвет выпадающего меню ЛК.
9).Изменить цвет выпадающего меню разделов Каталога.
10). Поменять цвет кнопок "В корзину".
Заранее благодарю за помощь.

Здравствуйте.
В данном случае вам необходимо на вашем сайте произвести следующие изменения:
1,2. В самый конец шаблона main.css добавьте, пожалуйста, данный код:

#header-top .header-col-left ul.links li a {
	color: #fff !important;}
.product-grid .item .item-inner .item-info .item-title a {
	color: #000 !important;}
.phone_head a {
	color: #000 !important;}

.tongle.cart-status a {
	color: #000 !important;}


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

.price {
	font-weight: bold;
	color: #e4e4e4;
	white-space: nowrap;
}

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

.price {
	font-weight: bold;
	color: #000000 !important;
	white-space: nowrap;
}


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

.head.col-md-4 .phone_head, .head.col-sm-4 .phone_head {
	padding: 55px 0 10px 35px;
}

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

.head.col-md-4 .phone_head, .head.col-sm-4 .phone_head {
	padding: 55px 0 10px 35px;
	font-size: 20px !important;
	color: #000;
}


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

#search_mini_form input {
	background: #232323;
	color: #ccc;
	border: none;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 200px;
	padding-left: 10px;
	padding-right: 30px;
}

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

#search_mini_form input {
	background: #ffffff;
	color: #ccc;
	border: none;
	border-radius: 25px;
	height: 25px;
	float: right;
	font-size: 12px;
	margin-top: 9px;
	width: 200px;
	padding-left: 10px;
	padding-right: 30px;
}


6. Теперь там же найдите, пожалуйста, данный код:


.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: #000 !important;
}

#5 gel

gel

    Пользователь

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

Отправлено 12 Июнь 2017 - 17:14

Здравствуйте!
Получилось не все, к сожалению. Текст страниц О нас, цвет Каталога не поменялись на черный.
И еще несколько моментов на скрине.
Заранее благодарю за помощь.

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

  • Screenshot_2.png

#6 Vaccina

Vaccina

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

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

Отправлено 14 Июнь 2017 - 08:10

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#header-top .header-col-left ul.links li a {
		color: #fff !important;}

замените на:
#header-top .header-col-left ul.links li a {color: #000;}

далее найдите:
.head.col-md-4 .header-tools, .head.col-sm-4 .header-tools{padding: 55px 0 10px 35px;float:right;}
.head.col-md-4 .phone_head, .head.col-sm-4 .phone_head {padding: 55px 0 10px 35px;font-size: 20px !important;color: #000;}

замените на:
.head .header-tools{padding: 85px 0 10px 35px;float:right;}
.head .phone_head{padding: 85px 0 10px 35px;font-size: 20px !important;color: #000;}
.head .header-tools .myaccount { margin-right: 10px; color: #000;}
.head .header-tools .myaccount i {margin-right: 5px;}

далее зайдите в шаблон HTML - найдите:
<div class="head col-md-4 col-sm-5 col-sms-6 col-smb-12">
				 <div class ="phone_head">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>{% ENDIF %}<br>
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span>{% ENDIF %}
						
				 </div>
				 </div>
				 <div class="head col-md-4 col-sm-3 col-sms-0 col-smb-12">
				 <div class="header-tools">
						 <!-- Меню пользователя -->
						 <div class="myaccount">
						 <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i>ЛК</div>

замените на:
<div class="head col-md-5 col-sm-5 col-sms-6 col-smb-12">
				 <div class ="phone_head">
												 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>{% ENDIF %}<br>
						 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<span><em class="fa fa-phone">&nbsp;</em>Телефон: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></span>{% ENDIF %}
						
				 </div>
				 </div>
				 <div class="head col-md-3 col-sm-3 col-sms-0 col-smb-12">
				 <div class="header-tools">
						 <!-- Меню пользователя -->
						 <div class="myaccount">
						 <div class="tongle" title="Меню пользователя"><i class="fa fa-user"></i></div>

#7 gel

gel

    Пользователь

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

Отправлено 14 Июнь 2017 - 11:01

Здравствуйте! У меня ничего не выходит. Или я не правильно копирую коды. Как правильно поступать с пробелами? Если просто копирую рекомендованные код, он вставляется с пробелами, да и поиск не выходит. Помогите, пожалуйста, поправить.

#8 metry

metry

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

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

Отправлено 14 Июнь 2017 - 11:48

Добрый день. В поиске лучше искать по первой строке предлагаемого Вам кода. Остальную часть кода можно уже отслеживать визуально. Внимательно следите за тем, где начинается код и где заканчивается код предлагаемый в инструкции. Тогда проблем с заменой возникнуть не должно.

#9 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 14 Июнь 2017 - 11:55

Просмотр сообщенияgel (14 Июнь 2017 - 11:01) писал:

Здравствуйте! У меня ничего не выходит. Или я не правильно копирую коды. Как правильно поступать с пробелами? Если просто копирую рекомендованные код, он вставляется с пробелами, да и поиск не выходит. Помогите, пожалуйста, поправить.
Здравствуйте.
Насколько я вижу сейчас изменения по скриншоту выше произведены, иконку поиска поправил.

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

  • 14-06-2017 11-54-21.jpg

#10 gel

gel

    Пользователь

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

Отправлено 14 Июнь 2017 - 12:39

Здравствуйте, спасибо.
Но я хотела возле иконки личного кабинета чтобы стояли заглавные ЛК. А сама иконки и корзина были зеленого цвета 00ac86  и крупнее. Еще не получилось сделать  заголовок "Товары на Главной" и текста статей "О нас"  и остальные - черным цветом. У меня почти не осталось времени для изменений. Пожалуйста, как сделать, чтобы карточка товара выглядела так? Заранее благодарю вас.

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

  • Screenshot_1.png

#11 gel

gel

    Пользователь

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

Отправлено 14 Июнь 2017 - 21:59

Важно!
1. Подскажите - как убрать из кода третий баннер? У меня 2 баннера и пустое место получилось.
2). Сделать  заголовки "Товары на Главной" - черным цветом с зеленой подсветкой.
3). Левое меню разделы Каталога - черным цветом с зеленой подсветкой
4). Тексты страниц - черным цветом.
5). Буквы "В корзину" сделать белыми.
6). Значки без наведения - зелеными

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

  • 2.png
  • Screenshot_2.png

#12 gel

gel

    Пользователь

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

Отправлено 15 Июнь 2017 - 16:59

Здравствуйте! Ответьте, пожалуйста, по пунктам.
Прошу проверить есть ли строки, которые вы будете рекомендовать, в коде.
Делала несколько раз изменения, может что-то уже найти невозможно. Заранее благодарю.

Подскажите, пожалуйста:

1). Как убрать из кода третий баннер? У меня 2 баннера и пустое место получилось.
2). Сделать  заголовки "Товары на Главной" - черным цветом с зеленой подсветкой.
3). Левое меню разделы Каталога - черным цветом (зеленая подсветка уже есть).
4). Тексты страниц "О нас", "Гарантии", описание товаров - сделать черным цветом.
5). Без наведения - Кнопки "В корзину" и "Быстрый заказ" - сделать зелеными, буквы - белым цветом.
6). С наведением - кнопки черные, буквы - зеленые.
7). Значки +, -, и сердечко - без наведения - зеленым цветом.

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

  • Screenshot_1.png

#13 gel

gel

    Пользователь

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

Отправлено 18 Июнь 2017 - 22:16

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

Ответьте, пожалуйста, на вопросы. Как можно сделать?

1)/ В шаблоне 3 баннера в слайдере. У меня 2 баннера.

Как убрать из кода 3-й баннер, пустое место в слайдере?

2). Цвет самих значков "+" и "-" поменять: без наведения - на зеленый, при наведении - на белый.

3) Цвет значка "сердечко" поменять: без наведения - на зеленый, при наведении - на белый.

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

  • Screenshot_1.png

#14 gel

gel

    Пользователь

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

Отправлено 21 Июнь 2017 - 08:43

Ребят, а мне кто-нибудь сможет ответить? С 14-го числа жду.
Очень многое по инструкциям сделала сама. Но эти вопросы не получаются. Спасибо заранее!

#15 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 21 Июнь 2017 - 09:34

Просмотр сообщенияgel (18 Июнь 2017 - 22:16) писал:

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

Ответьте, пожалуйста, на вопросы. Как можно сделать?

1)/ В шаблоне 3 баннера в слайдере. У меня 2 баннера.

Как убрать из кода 3-й баннер, пустое место в слайдере?

2). Цвет самих значков "+" и "-" поменять: без наведения - на зеленый, при наведении - на белый.

3) Цвет значка "сердечко" поменять: без наведения - на зеленый, при наведении - на белый.

Здравствуйте.
Извините за ожидание.
1. В шаблоне HTML найдите и удалите код:
			<div>
			  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=dark" /></a>
			</div>

2. В шаблоне main.css найдите код:
.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {width: 26px;height: 26px;line-height: 24px;border: 1px solid #000000;background: #000000;border-radius: 50%;text-align: center;z-index: 10;cursor: pointer;}
.product-shop .wrap-qty .qty-set .quantity-minus:hover, .product-shop .wrap-qty .qty-set .quantity-plus:hover {background: #00ac86;border: 1px solid #00ac86;color: #00ac86;}

Замените на:
.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {width: 26px;height: 26px;line-height: 24px;border: 1px solid #00ac86;background: #00ac86;border-radius: 50%;text-align: center;z-index: 10;cursor: pointer;}
.product-shop .wrap-qty .qty-set .quantity-minus:hover, .product-shop .wrap-qty .qty-set .quantity-plus:hover {color: #fff;}

3. В шаблоне main.css найдите код:
.product-shop .add-to-links a {display: block;width: 32px;height: 32px;background: #000000;border: 1px solid #00ac86;line-height: 30px;font-size: 13px;text-align: center;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

Замените на:
.product-shop .add-to-links a {display: block;width: 32px;height: 32px;background: #00ac86;border: 1px solid #00ac86;line-height: 30px;font-size: 13px;text-align: center;overflow: hidden;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}

Найдите код:
.product-shop .add-to-links a:hover, .product-shop .add-to-links a.added {border: 1px solid #00ac86;background: #00ac86;color: #00ac86;}

Замените на:
.product-shop .add-to-links a:hover, .product-shop .add-to-links a.added {color: #fff;}

#16 gel

gel

    Пользователь

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

Отправлено 24 Июнь 2017 - 08:10

Здравствуйте!
Помогите, пожалуйста, привести в порядок Подвал:

1). Заголовки и буквы внутри формы справа - белым. Рамку оставить зеленой.

2). 4 значка (время, конверт, телефон , стрелка) оставить зеленым.

3). Текст всех 3-х колонок - цветом #a5a5a5

4)/ Иконки соц. сетей опустить чуть ниже и оставить Белыми.

5)  Разделительные полосы - зеленым #00ac86

Заранее благодарю за помощь..

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

  • СЕЙЧАС.png
  • КАК нужно.png

#17 Vaccina

Vaccina

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

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

Отправлено 24 Июнь 2017 - 08:47

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

1. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-middle .column {margin-bottom: 20px;overflow: hidden;border-left: 1px solid #464646;}
#footer-middle .column:first-child {border: none;}

после него пропишите:
#footer-middle .column h5{color: #ffffff;}

далее найдите:
#footer-middle .column .callbackForm .input-box {margin-bottom: 10px;}

после него пропишите:
#footer-middle .column .callbackForm input{color: #ffffff;}

2-3. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-middle a, #footer-middle p {color: #ffffff;}

замените на:
#footer-middle a, #footer-middle p, #footer-middle li {color: #a5a5a5;}
#footer-middle li em {color: #00ac86;}

4. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-middle ul.sns-social {color: #e1e1e1;font-size: 18px;}

замените на:
#footer-middle ul.sns-social {font-size: 18px;margin-top: 15px;}
#footer-middle ul.sns-social li a{color: #ffffff;}

5. Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer-middle .column {margin-bottom: 20px;overflow: hidden;border-left: 1px solid #464646;}

замените на:
#footer-middle .column {margin-bottom: 20px;overflow: hidden;border-left: 1px solid #00ac86;}

#18 gel

gel

    Пользователь

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

Отправлено 24 Июнь 2017 - 14:49

Screenshot_1.png Спасибо, Vaccina!
Все получилось, кроме букв в форме обратной связи. Они не стали белыми.
Пожалуйста, что нужно сделать?

#19 RayLi

RayLi

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

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

Отправлено 24 Июнь 2017 - 17:45

Просмотр сообщенияgel (24 Июнь 2017 - 14:49) писал:

Прикрепленный файл Screenshot_1.pngСпасибо, Vaccina!
Все получилось, кроме букв в форме обратной связи. Они не стали белыми.
Пожалуйста, что нужно сделать?

Здравствуйте.
Для этого вам необходимо в  самый конец шаблона main.css добавить следующий код:

#footer-middle .column .callbackForm input#callback_person {
	color: #fff;
}

#20 gel

gel

    Пользователь

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

Отправлено 24 Июнь 2017 - 20:27

Просмотр сообщенияRayLi (24 Июнь 2017 - 17:45) писал:

Здравствуйте.
Для этого вам необходимо в  самый конец шаблона main.css добавить следующий код:

#footer-middle .column .callbackForm input#callback_person {
color: #fff;
}

Извиняюсь, но это тоже ничего не изменило, RayLi.
Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Ночь
  5. → Главная
  6. Privacy Policy