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

[r373760]

sl-354973
подскажите как поменять цвет фона сайта, который на данный момент белый?

[RayLi]

r373760 (21 Август 2015 - 21:26) писал:

sl-354973
подскажите как поменять цвет фона сайта, который на данный момент белый?

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

#wrapper {
	position: relative;
}

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

#wrapper {
	position: relative;
	background-color: #C1C1C1;
}

Далее в том же шаблоне найдите вот этот код:

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #383838;
	overflow-x: hidden;
	position: relative;
}

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

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #C1C1C1;
	color: #383838;
	overflow-x: hidden;
	position: relative;
}

[r373760]

все хорошо, но данный фон, перекрыл собой фон слайдера

[Firefly]

r373760 (22 Август 2015 - 11:09) писал:

все хорошо, но данный фон, перекрыл собой фон слайдера

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

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}

Замените на:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background-color: #fff;}

Далее измените цвет #fff на необходимый.

[r373760]

Firefly (23 Август 2015 - 09:32) писал:

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

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;}

Замените на:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background-color: #fff;}

Далее измените цвет #fff на необходимый.

Так ведь у слайдера является фоном вот это изображение: sl-bg.jpg, Как сделать чтобы оно стояло?

[Firefly]

r373760 (23 Август 2015 - 10:32) писал:

Так ведь у слайдера является фоном вот это изображение: sl-bg.jpg, Как сделать чтобы оно стояло?

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

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background: url("http://st.storeland.net/6/1719/941/17_8440_oboi_derevjannyj_pol_1920x10801.jpg") no-repeat;background-size: cover;color: white;}

Замените на:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background: url('{ASSETS_IMAGES_PATH}sl-bg.jpg') no-repeat;background-size: cover;color: white;}

Если Вам необходимо то изображение, которое имеет большое разрешение, то загрузить его можно через кнопку "Добавить файлы" в редакторе шаблонов, предварительно переименовав его в sl-bg.jpg

[r373760]

Firefly (23 Август 2015 - 12:56) писал:

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

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background: url("http://st.storeland.net/6/1719/941/17_8440_oboi_derevjannyj_pol_1920x10801.jpg") no-repeat;background-size: cover;color: white;}

Замените на:

#slider {position: relative; margin: 0 auto;top: 0px; left: 0px; width: 1920px; height: 570px; overflow: hidden;z-index:1;background: url('{ASSETS_IMAGES_PATH}sl-bg.jpg') no-repeat;background-size: cover;color: white;}

Если Вам необходимо то изображение, которое имеет большое разрешение, то загрузить его можно через кнопку "Добавить файлы" в редакторе шаблонов, предварительно переименовав его в sl-bg.jpg

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

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

• 
• 

[Firefly]

r373760 (23 Август 2015 - 13:46) писал:

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

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

.copyright p {margin: 0;}

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

#breadcrumbs {position: relative;padding: 30px 0;}

Замените на:

#breadcrumbs {position: relative;padding: 30px 0;background: url("{ASSETS_IMAGES_PATH}sl-bg.jpg") no-repeat;}

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

.breadcrumbs li a {color: #FFF;font-size: 110%;}

Найдите код:

#breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit

Найдите код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #FFF;font-size: 13px;}

Измените в данных строках кода цвет, заданный параметром color, на необходимый.

[r373760]

Firefly (23 Август 2015 - 16:01) писал:

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

.copyright p {margin: 0;}

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

#breadcrumbs {position: relative;padding: 30px 0;}

Замените на:

#breadcrumbs {position: relative;padding: 30px 0;background: url("{ASSETS_IMAGES_PATH}sl-bg.jpg") no-repeat;}

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

.breadcrumbs li a {color: #FFF;font-size: 110%;}

Найдите код:

#breadcrumbs .container #titlepage > * {font-size: 100%;margin: 0 0;padding: 0 0;color: inherit;font-weight: inherit

Найдите код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png") no-repeat left center;color: #FFF;font-size: 13px;}

Измените в данных строках кода цвет, заданный параметром color, на необходимый.

Спасибо, все отлично! Имеется еще ряд вопросов:
1 вопрос: Как в этих зонах задать фон(хочется белый, дабы картинки не смотрелись убого)?
2 вопрос: Как меняется цвет и жирность шрифта категорий ?
3 вопрос: Хочется в этих зонах в виде фона задать свое изображение, подскажите как.
4 вопрос: Где меняется размер шрифта и цвет данного текста?

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

• 
• 

[Firefly]

r373760 (24 Август 2015 - 11:05) писал:

Спасибо, все отлично! Имеется еще ряд вопросов:
1 вопрос: Как в этих зонах задать фон(хочется белый, дабы картинки не смотрелись убого)?
2 вопрос: Как меняется цвет и жирность шрифта категорий ?
3 вопрос: Хочется в этих зонах в виде фона задать свое изображение, подскажите как.
4 вопрос: Где меняется размер шрифта и цвет данного текста?

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

.products-grid .item .item-inner .item-img .item-img-info {text-align: center;position: relative;overflow: hidden;}

Замените на:

.products-grid .item .item-inner .item-img .item-img-info {text-align: center;position: relative;overflow: hidden;background-color: #fff;}

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

.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}

В данном коде за жирность шрифта отвечает параметр font-weight. Более подробно про него можно прочитать здесь.

Чтобы изменить цвет текста добавьте в конце main.css код:

.products-grid .item .item-inner .item-info .info-inner .item-title a {color: black;}

После этого изменяйте значение цвета black на необходимое.

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

.table-box thead td {background-color: #f7f7f7;border: 1px solid #e1e1e1;line-height: 18px;padding: 12px;text-align: center;}
.table-box tfoot td {background-color: #f7f7f7;border: 1px solid #e1e1e1;line-height: 18px;padding: 12px;text-align: center;font-weight:700;}

Первая строка кода отвечает за шапку таблицы, цвет в ней задан сейчас параметром background-color: #f7f7f7;. Его Вы можете изменить на параметр background в виде:

background: url("{ASSETS_IMAGES_PATH}название изображения") no-repeat;

Вторая строка отвечает за 2 нижних строки таблицы. Изменения для нее производятся аналогично первой.

4. Чтобы задать размер шрифта и цвет текста для текста в ячейке общая сумма:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

span.price.ajaxtotal {
	font-size: 14px;
	color: black;
}

В данном коде изменяйте значения на необходимые.

[r373760]

Firefly (24 Август 2015 - 11:42) писал:

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

.products-grid .item .item-inner .item-img .item-img-info {text-align: center;position: relative;overflow: hidden;}

Замените на:

.products-grid .item .item-inner .item-img .item-img-info {text-align: center;position: relative;overflow: hidden;background-color: #fff;}

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

.products-grid .item .item-inner .item-info .info-inner .item-title {margin-bottom: 3px;padding-top: 16px;font-size: 116.7%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}

В данном коде за жирность шрифта отвечает параметр font-weight. Более подробно про него можно прочитать здесь.

Чтобы изменить цвет текста добавьте в конце main.css код:

.products-grid .item .item-inner .item-info .info-inner .item-title a {color: black;}

После этого изменяйте значение цвета black на необходимое.

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

.table-box thead td {background-color: #f7f7f7;border: 1px solid #e1e1e1;line-height: 18px;padding: 12px;text-align: center;}
.table-box tfoot td {background-color: #f7f7f7;border: 1px solid #e1e1e1;line-height: 18px;padding: 12px;text-align: center;font-weight:700;}

Первая строка кода отвечает за шапку таблицы, цвет в ней задан сейчас параметром background-color: #f7f7f7;. Его Вы можете изменить на параметр background в виде:

background: url("{ASSETS_IMAGES_PATH}название изображения") no-repeat;

Вторая строка отвечает за 2 нижних строки таблицы. Изменения для нее производятся аналогично первой.

4. Чтобы задать размер шрифта и цвет текста для текста в ячейке общая сумма:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:

span.price.ajaxtotal {
font-size: 14px;
color: black;
}

В данном коде изменяйте значения на необходимые.

Хотелось бы чтобы фон категорий(которые идут в виде списка с изображениями) тоже был белый, а на данный момент изменился фон товаров. И как изменить шрифт и цвет названия категорий которые идут в виде списка с изображениями?

[Firefly]

r373760 (24 Август 2015 - 14:09) писал:

Хотелось бы чтобы фон категорий(которые идут в виде списка с изображениями) тоже был белый, а на данный момент изменился фон товаров. И как изменить шрифт и цвет названия категорий которые идут в виде списка с изображениями?

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

.categories .cat .cat-img {width:270px;height:270px;vertical-align: middle;display: table-cell;border: 1px solid #363636;border-bottom:none;}

Замените на:

.categories .cat .cat-img {width:270px;height:270px;vertical-align: middle;display: table-cell;border: 1px solid #363636;border-bottom:none;background-color: #fff;}

В конце main.css добавьте код:

.categories .cat .cat-name a {color: black;}

Измените значение цвета black на необходимое.

[r373760]

Firefly (24 Август 2015 - 14:27) писал:

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

.categories .cat .cat-img {width:270px;height:270px;vertical-align: middle;display: table-cell;border: 1px solid #363636;border-bottom:none;}

Замените на:

.categories .cat .cat-img {width:270px;height:270px;vertical-align: middle;display: table-cell;border: 1px solid #363636;border-bottom:none;background-color: #fff;}

В конце main.css добавьте код:

.categories .cat .cat-name a {color: black;}

Измените значение цвета black на необходимое.

Вот теперь огонь!

[r373760]

Еще один вопрос:
Хочу задать другой цвет шрифта в меню каталога (который слева), но цвет шрифта одновременно меняется и в шапке сайта, как сделать так, чтобы это настраивалось по отдельности?

[r373760]

Еще один вопрос:
Хочу задать другой цвет шрифта в меню каталога (который слева), но цвет шрифта одновременно меняется и в шапке сайта, как сделать так, чтобы это настраивалось по отдельности?

[r373760]

Еще один вопрос:
Хочу задать другой цвет шрифта в меню каталога (который слева), но цвет шрифта одновременно меняется и в шапке сайта, как сделать так, чтобы это настраивалось по отдельности?

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

• 

[MikDark]

r373760 (25 Август 2015 - 16:18) писал:

Еще один вопрос:
Хочу задать другой цвет шрифта в меню каталога (который слева), но цвет шрифта одновременно меняется и в шапке сайта, как сделать так, чтобы это настраивалось по отдельности?

В шаблон main.css добавьте код:

.block-menu-content a {
	color: #000000;
}

где #000000 - код цвета бокового меню.

[r373760]

MikDark (25 Август 2015 - 16:50) писал:

В шаблон main.css добавьте код:

.block-menu-content a {
color: #000000;
}

где #000000 - код цвета бокового меню.

А само слово каталог и название ранее просмотренных товаров?

[RayLi]

r373760 (25 Август 2015 - 19:18) писал:

А само слово каталог и название ранее просмотренных товаров?

Попробуйте сделать следующее:
В шаблоне main.css найдите данный код:

#left .block .block-title span {
	position: relative;
}

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

#left .block .block-title span {
	position: relative;
	color: #000;
}

[r373760]

RayLi (25 Август 2015 - 19:23) писал:

Попробуйте сделать следующее:
В шаблоне main.css найдите данный код:

#left .block .block-title span {
position: relative;
}

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

#left .block .block-title span {
position: relative;
color: #000;
}

спасибо, а как сделать так чтобы при наведении текст менял цвет, а то это фишка пропала