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

[НатальяУшакова]

Во вложении скрин главной страницы сайте. Кое-что я смогла найти в коде страницы и изменила самостоятельно. Но эти изменения я не могу осуществить.
1. Как убрать эту синюю полоску?
2. Как можно изменить этот серый и синий цвет?
3. Как изменить синий цвет на другой?
4. Как изменить синий цвет при наведении курсора на другой?
5. Как изменить серый цвет и синюю полоску на другие цвета?
Спасибо за помощь!

Также еще вопрос где можно изменить фон подвала.
Благодарю за помощь!

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

• 

[RayLi]

НатальяУшакова (11 Ноябрь 2016 - 17:50) писал:

Во вложении скрин главной страницы сайте. Кое-что я смогла найти в коде страницы и изменила самостоятельно. Но эти изменения я не могу осуществить.
1. Как убрать эту синюю полоску?
2. Как можно изменить этот серый и синий цвет?
3. Как изменить синий цвет на другой?
4. Как изменить синий цвет при наведении курсора на другой?
5. Как изменить серый цвет и синюю полоску на другие цвета?
Спасибо за помощь!

Также еще вопрос где можно изменить фон подвала.
Благодарю за помощь!

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

#header-top {
	height: 4px;
	overflow: hidden;
	background-color: #09AFE7;
}

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

#header-top {
	height: 4px;
	overflow: hidden;
	background-color: #09AFE7;
	display: none;
}

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

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

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

.block-title {
	display: inline-block;
	position: relative;
	padding: 0px 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ffc0d3;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #a52a2a;
}

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

#header-right .fa {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	background: #09afe7;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #fff;
}

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

#header-right .fa {
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 16px;
	background: #ffc1c1;
	text-align: center;
	margin-bottom: 5px;
	border: 1px solid #fff;
}

4. Теперь найдите, снова в том же шаблоне, следующий код:

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
	color: #fff;
	background: #09afe7;
	position: relative;
}

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

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
	color: #fff;
	background: #ffc1c1;
	position: relative;
}

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

#custommenu ul.menunav li > a.active {
	border-bottom: 2px solid #09afe7;
}

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

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
	color: #fff;
	background: #ffc1c1;
	position: relative;
}

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

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #333744;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #09afe7;
}

И заменить его вот этим вот, например, кодом:

.page-title h1 {
	display: inline-block;
	position: relative;
	font-size: 18px;
	line-height: 40px;
	padding: 0px 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #ffc1c1;
	height: 46px;
	line-height: 40px;
	width: 100%;
	border-bottom: 6px solid #a52a2a;
}

[НатальяУшакова]

RayLi (11 Ноябрь 2016 - 19:33) писал:

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

#header-top {
height: 4px;
overflow: hidden;
background-color: #09AFE7;
}

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

#header-top {
height: 4px;
overflow: hidden;
background-color: #09AFE7;
display: none;
}

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

.block-title {
display: inline-block;
position: relative;
padding: 0px 15px;
text-transform: uppercase;
color: #ffffff;
background-color: #333744;
height: 46px;
line-height: 40px;
width: 100%;
border-bottom: 6px solid #09afe7;
}

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

.block-title {
display: inline-block;
position: relative;
padding: 0px 15px;
text-transform: uppercase;
color: #ffffff;
background-color: #ffc0d3;
height: 46px;
line-height: 40px;
width: 100%;
border-bottom: 6px solid #a52a2a;
}

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

#header-right .fa {
width: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;
background: #09afe7;
text-align: center;
margin-bottom: 5px;
border: 1px solid #fff;
}

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

#header-right .fa {
width: 45px;
height: 45px;
line-height: 45px;
color: #fff;
font-size: 16px;
background: #ffc1c1;
text-align: center;
margin-bottom: 5px;
border: 1px solid #fff;
}

4. Теперь найдите, снова в том же шаблоне, следующий код:

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
color: #fff;
background: #09afe7;
position: relative;
}

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

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
color: #fff;
background: #ffc1c1;
position: relative;
}

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

#custommenu ul.menunav li > a.active {
border-bottom: 2px solid #09afe7;
}

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

#custommenu ul.menunav li.active > a, #custommenu ul.menunav li:hover > a {
color: #fff;
background: #ffc1c1;
position: relative;
}

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

.page-title h1 {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 40px;
padding: 0px 15px;
margin-bottom: 15px;
text-transform: uppercase;
color: #ffffff;
background-color: #333744;
height: 46px;
line-height: 40px;
width: 100%;
border-bottom: 6px solid #09afe7;
}

И заменить его вот этим вот, например, кодом:

.page-title h1 {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 40px;
padding: 0px 15px;
margin-bottom: 15px;
text-transform: uppercase;
color: #ffffff;
background-color: #ffc1c1;
height: 46px;
line-height: 40px;
width: 100%;
border-bottom: 6px solid #a52a2a;
}

Спасибо огромное!!!

[НатальяУшакова]

Еще возникли вопросы:
1. Как сделать цвет букв черным?
2. Как сделать кнопку черной и без изменения цвета при наведении. Спасибо

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

• 

[НатальяУшакова]

И еще один вопрос. Возможно ли сделать так, чтобы на главной странице ниже слайдера отображались товары определенной категории, например новинки или хиты продаж? А приветственные слова чтобы не отображались.
Благодарю за помощь

[Vaccina]

НатальяУшакова (12 Ноябрь 2016 - 00:11) писал:

И еще один вопрос. Возможно ли сделать так, чтобы на главной странице ниже слайдера отображались товары определенной категории, например новинки или хиты продаж? А приветственные слова чтобы не отображались.
Благодарю за помощь

Зайдите в раздел Сайт - Главная страница - выберите "Не указана"
Далее зайдите в раздел Товары - Товары - Особые разделы - добавьте товары в категории данного раздела(новинки, хиты продаж)

НатальяУшакова (11 Ноябрь 2016 - 23:14) писал:

Еще возникли вопросы:
1. Как сделать цвет букв черным?
2. Как сделать кнопку черной и без изменения цвета при наведении. Спасибо

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

#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {
	color: #fff;
	text-transform: uppercase;
}

замените на:

#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {
	color: #000;
	text-transform: uppercase;
}

Далее найдите:

.button {display: inline-block;padding: 8px 15px;font-weight: 700;font-size: 14px;text-align: center;white-space: nowrap;background-color: #b8b8b8;color: #fff;text-transform: uppercase;border: 0;outline: 0;}
.button:hover, .button:focus {background-color: #09afe7;color: #fff;border-color: #09afe7;cursor: pointer;}

после него пропишите:

.callbackForm .button, .callbackForm .button:hover {
	background: #000;
}

[НатальяУшакова]

Vaccina (12 Ноябрь 2016 - 07:40) писал:

Зайдите в раздел Сайт - Главная страница - выберите "Не указана"
Далее зайдите в раздел Товары - Товары - Особые разделы - добавьте товары в категории данного раздела(новинки, хиты продаж)



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

#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {
color: #fff;
text-transform: uppercase;
}

замените на:

#footer-middle .footer-contact .ft-content a, #footer-middle .footer-contact .ft-content {
color: #000;
text-transform: uppercase;
}

Далее найдите:

.button {display: inline-block;padding: 8px 15px;font-weight: 700;font-size: 14px;text-align: center;white-space: nowrap;background-color: #b8b8b8;color: #fff;text-transform: uppercase;border: 0;outline: 0;}
.button:hover, .button:focus {background-color: #09afe7;color: #fff;border-color: #09afe7;cursor: pointer;}

после него пропишите:

.callbackForm .button, .callbackForm .button:hover {
background: #000;
}

Спасибо огромное!

[НатальяУшакова]

Еще вопрос:
1. Как сделать чтобы при наведении курсора цвет фона был #8B6969 а цвет теста белый? а без наведения цвет #FFC1C1
2. При наведении цвет фона #8B6969


Спасибо

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

• 

[RayLi]

НатальяУшакова (12 Ноябрь 2016 - 17:23) писал:

Еще вопрос:
1. Как сделать чтобы при наведении курсора цвет фона был #8B6969 а цвет теста белый? а без наведения цвет #FFC1C1
2. При наведении цвет фона #8B6969


Спасибо

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

.products-grid .item .item-inner:hover .item-info {
	background: #333744;
}

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

.products-grid .item .item-inner:hover .item-info {
	background: #FFC1C1;
}

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

.products-grid .item .item-inner .actions {
	background: #09afe7;
	text-align: center;
	padding: 10px;
	min-height: 51px;
	overflow: hidden;
	position: absolute;
	width: 98%;
	margin: 1%;
	bottom: 0;
	left: 0;
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-o-transform: translateY(300px);
	-ms-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

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

.products-grid .item .item-inner .actions {
	background: #8B6969;
	text-align: center;
	padding: 10px;
	min-height: 51px;
	overflow: hidden;
	position: absolute;
	width: 98%;
	margin: 1%;
	bottom: 0;
	left: 0;
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	-o-transform: translateY(300px);
	-ms-transform: translateY(300px);
	transform: translateY(300px);
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

[НатальяУшакова]

Еще вопросы:
1. Как сделать цвет цены другим? например, белым
2. Как убрать синий цвет при наведении курсора?
Спасибо

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

• 

[Mr.Nito]

НатальяУшакова (12 Ноябрь 2016 - 21:31) писал:

Еще вопросы:
1. Как сделать цвет цены другим? например, белым
2. Как убрать синий цвет при наведении курсора?
Спасибо

Здравствуйте. Насколько я вижу сейчас изменения уже произведены?

[НатальяУшакова]

Mr.Nito (13 Ноябрь 2016 - 21:04) писал:

Здравствуйте. Насколько я вижу сейчас изменения уже произведены?

Да, вроде получилось разобраться.

[НатальяУшакова]

Еще возникли вопросы:
1. как убрать совсем отображение блока Вы смотрели во всех категориях?
2. как на странице корзины сделать изображение по красным рамкам, а в зеленом квадрате чтобы отображался каталог (как на главной)
3. В содержимом корзины цены на каждую позицию отображались черным цветом, а итого - оставить красным.
Спасибо.

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

• 

[Razon]

НатальяУшакова (13 Ноябрь 2016 - 21:20) писал:

Еще возникли вопросы:
1. как убрать совсем отображение блока Вы смотрели во всех категориях?
2. как на странице корзины сделать изображение по красным рамкам, а в зеленом квадрате чтобы отображался каталог (как на главной)
3. В содержимом корзины цены на каждую позицию отображались черным цветом, а итого - оставить красным.
Спасибо.

Здравствуйте,
1. В файле HTML  найдите строку:

			<div class="block viewed">

Замените ее на:

			<div class="block viewed" style="display:none;">

2. В файле HTML,  найдите строку:

		  <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=cart || MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

Замените на:

		  <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

Далее в файле HTML  найдите строку:

		  <div class="{% IF MOD_LNAME=cart || MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">

Замените на:

		  <div class="{% IF MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">

3. В файле main.css  найдите:

.price {color: #FF0000;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}

Замените на:

.price {color: #000000;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}

Далее в конец файла main.css  вставьте:

.TotalSum .price {color:#FF0000;}

[НатальяУшакова]

Ra1zon (14 Ноябрь 2016 - 09:57) писал:

Здравствуйте,
1. В файле HTML  найдите строку:

		 <div class="block viewed">

Замените ее на:

		 <div class="block viewed" style="display:none;">

2. В файле HTML,  найдите строку:

		 <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=cart || MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

Замените на:

		 <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

Далее в файле HTML  найдите строку:

		 <div class="{% IF MOD_LNAME=cart || MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">

Замените на:

		 <div class="{% IF MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">

3. В файле main.css  найдите:

.price {color: #FF0000;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}

Замените на:

.price {color: #000000;font-size: 18px;letter-spacing: 0.01em;font-family: arial;display: inline-block;}

Далее в конец файла main.css  вставьте:

.TotalSum .price {color:#FF0000;}

Спасибо огромное!

[НатальяУшакова]

Еще вопросы...
1. Как сделать так, чтобы информация по товары не выходила за красные рамки?
2. Как сделать так чтобы каталог в левом меню отображался на этой странице и прокручивался вместе с мышкой?
спасибо

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

• 

[Vaccina]

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

<!-- Левый блок -->
		  <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

замените на:

<!-- Левый блок -->
		  <div class="col-md-3 col-xs-12 col-left">

далее найдите:

{% IFNOT index_page %}
		 <div class="{% IF MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">
			<!-- Заголовок страницы -->

замените на:

{% IFNOT index_page %}
		 <div class="col-md-9 col-xs-12 col-right">
			<!-- Заголовок страницы -->

[НатальяУшакова]

Vaccina (17 Ноябрь 2016 - 05:08) писал:

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

<!-- Левый блок -->
		 <div class="col-md-3 col-xs-12 col-left" {% IF MOD_LNAME=goods %}style="display: none;"{% ENDIF %}>

замените на:

<!-- Левый блок -->
		 <div class="col-md-3 col-xs-12 col-left">

далее найдите:

{% IFNOT index_page %}
		 <div class="{% IF MOD_LNAME=goods %}col-xs-12{% ELSE %}col-md-9 col-xs-12 col-right{% ENDIF %}">
		 <!-- Заголовок страницы -->

замените на:

{% IFNOT index_page %}
		 <div class="col-md-9 col-xs-12 col-right">
		 <!-- Заголовок страницы -->

Спасибо

[НатальяУшакова]

Подскажите, как в каталоге сделать все подкатегории ровненько? Желательно по 4 шт в один ряд.
Также при входе в подкатегории (например уход за лицом и телом), чтобы тоже подкаьегории были по 4 шт в ряд.
Спасибо

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

• 

[RayLi]

НатальяУшакова (19 Ноябрь 2016 - 13:42) писал:

Подскажите, как в каталоге сделать все подкатегории ровненько? Желательно по 4 шт в один ряд.
Также при входе в подкатегории (например уход за лицом и телом), чтобы тоже подкаьегории были по 4 шт в ряд.
Спасибо

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

.categories .item .image img {
display: block;
margin: 0 auto;
max-width: 100%;
}

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

.categories .item .image img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 100%;
}