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

[Castiel]

Юлечка (29 Ноябрь 2013 - 15:55) писал:

Спасибо, я поменяла! Но теперь вверху появилась темная полоса!! скажите , пожалуйста, как ее убрать, и как изменить контакты: телефон, время работы и добавить e-mail??

Заходим в бэкофис  Настройка - Основное   там находим нужные параметры настройки и меняем их

[Юлечка]

Castiel (29 Ноябрь 2013 - 15:57) писал:

Заходим в бэкофис  Настройка - Основное   там находим нужные параметры настройки и меняем их

А серую полосу как убрать??

[ne_yana]

Юлечка (29 Ноябрь 2013 - 15:55) писал:

Спасибо, я поменяла! Но теперь вверху появилась темная полоса!! скажите , пожалуйста, как ее убрать, и как изменить контакты: телефон, время работы и добавить e-mail??

В файле style.css замените

.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
}

на

.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
}

Изменить телефон, время работы и т.д. можно в разделе Настройки - Основные

[Юлечка]

ne_yana (29 Ноябрь 2013 - 16:00) писал:

В файле style.css замените

.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
background: #383838;
}

на

.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
}

Изменить телефон, время работы и т.д. можно в разделе Настройки - Основные

Спасибо большое! Подскажите, пожалуйтса, как опустить слово "Контакты" на белую полосу!
А также подскажите, пожалуйста , по тем вопросам:

1)Изменить цвет кнопок во всех разделах сайта , а также красную полосу вверху в формах в разделе "Войти в личный кабинет", и "Контакты "
2) Изменить содержание верхнего меню, вставить свои разделы!
3) В табличке слева изменить размер и шрифт для слова "каталог"
Заранее спасибо!)

[Юлечка]

И еще не отображается e-mail! что нужно изменить??

[Castiel]

Юлечка (29 Ноябрь 2013 - 16:06) писал:

Спасибо большое! Подскажите, пожалуйтса, как опустить слово "Контакты" на белую полосу!
А также подскажите, пожалуйста , по тем вопросам:

1)Изменить цвет кнопок во всех разделах сайта , а также красную полосу вверху в формах в разделе "Войти в личный кабинет", и "Контакты "
2) Изменить содержание верхнего меню, вставить свои разделы!
3) В табличке слева изменить размер и шрифт для слова "каталог"
Заранее спасибо!)

1. Вы хотите изменить цвет каких кнопок? (красные кнопки Оформить заказ)
2. Чтобы изменить содержание верхнего меню, заходим в бэкофис Сайт - Меню. Там мы добавляем нужные пункты меню.
3. Изменения шрифта и размера
Редактируем style.css
Находим

.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}

Заменяем на

.block2 .block-title {
padding: 6px 18px;
color: #40383b;
text-transform: uppercase;
background: #fff;
font-family: Arial;
font-size: 18px;
border: 1px solid #c0c0c0;
position: relative;
display: block;
}

font-family: Arial; Шрифт
font-size: 18px; Размер

Подробнее о шрифтах

[Юлечка]

Спасибо!) Да, хотелось бы изменить цвет всех  красных кнопок: "Оформить закакз", "регистрация" и "войти" ! А также в форме регистрации убрать красную полосу сверху или ихменить цвет , это возможно?

[Castiel]

Юлечка (29 Ноябрь 2013 - 16:18) писал:

И еще не отображается e-mail! что нужно изменить??

Редактируем шаблон HTML

Находим

								<!-- Номер ICQ на сайте -->
								{% IF SETTINGS_STORE_ICQ %}
								  <div class="clear"></div>
								  <div class="icq-number left">
										<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
										<span class="valignMiddle">{SETTINGS_STORE_ICQ}</span>
								  </div>
								{% ENDIF %}

Добавляем ниже

								<!-- Почтовый адрес -->
								{% IF SETTINGS_STORE_EMAIL_MAIN %}
								<div class="padd mail"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> </div>
								{% ENDIF %}

[Castiel]

Юлечка (29 Ноябрь 2013 - 16:50) писал:

Спасибо!) Да, хотелось бы изменить цвет всех  красных кнопок: "Оформить закакз", "регистрация" и "войти" ! А также в форме регистрации убрать красную полосу сверху или ихменить цвет , это возможно?

Убираем красную полосу из формы регистрация
Находим и удаляем из 621 строки это

border-top:6px solid #da3b44;

Замена кнопок
Находим (52 строка)

input.exclusive, #paymentForm input, a.exclusive{display:inline-block;background: #da3b44 !important;color:#fafafa!important;border:1px solid #a40f18;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;

input.exclusive, #paymentForm input, a.exclusive {
display: inline-block;
color: #000!important;
border: 1px solid #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding: 6px 12px;
font: inherit !important;
text-decoration: none;
cursor: pointer;
}

[Юлечка]

Castiel (29 Ноябрь 2013 - 16:57) писал:

Убираем красную полосу из формы регистрация
Находим и удаляем из 621 строки это

border-top:6px solid #da3b44;

Замена кнопок
Находим (52 строка)

input.exclusive, #paymentForm input, a.exclusive{display:inline-block;background: #da3b44 !important;color:#fafafa!important;border:1px solid #a40f18;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;

input.exclusive, #paymentForm input, a.exclusive {
display: inline-block;
color: #000!important;
border: 1px solid #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding: 6px 12px;
font: inherit !important;
text-decoration: none;
cursor: pointer;
}

Большое спасибо! Еще остался вопрос, как слово "контакты" спустить с верхней розовой полосы, на белую? Как заменить цвет e-mail адреса? И как сделать кнопки нужного цвета ?

[Castiel]

Юлечка (29 Ноябрь 2013 - 17:29) писал:

Большое спасибо! Еще остался вопрос, как слово "контакты" спустить с верхней розовой полосы, на белую? Как заменить цвет e-mail адреса? И как сделать кнопки нужного цвета ?

Спускаем контакты и меняем его цвет
Находим

.block h4 {
padding: 6px 11px;
font-size: 12px;
color: #fff;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
}

Заменяем на

.block h4 {
padding: 36px 0px 0px 11px;
font-size: 12px;
color: #000;
text-shadow: 0 1px 0 #000;
text-transform: uppercase;
}

color: #000;  цвет "Контакты"

Изменяем цвет почты
Находим

a, a:active, a:visited {
color: #333;
cursor: pointer;
}

color: #333;  цвет почты

Изменяем цвет кнопки на свой
Находим

input.exclusive, #paymentForm input, a.exclusive {
display: inline-block;
color: #000!important;
border: 1px solid #000;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
padding: 6px 12px;
font: inherit !important;
text-decoration: none;
cursor: pointer;
}

color: #000!important;  цвет текста
border: 1px solid #000; цвет границ кнопок
Так же вы можете добавить новый цвет для внутренней части кнопки background-color: #FFF; (добавьте этот код color: #000!important;)

Меняем цвет кнопок для Оформить заказ
Находим

.add_to_cart_ph {
display: block;
background-color: #da3b44;
background-image: url('http://leggings.storeland.net/cart_white.png');
background-repeat: no-repeat;
background-position: 13px 50%;
color: #fafafa!important;
line-height: 35px;
height: 35px;
padding: 9px 16px 9px 46px;
border: 1px solid #a40f18;
cursor: pointer;
font-weight: 700;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.15),0 1px 1px 0 rgba(0,0,0,0.2);
}
a {
cursor: pointer;
transition: color .2s ease;
-moz-transition: color .2s ease;
-webkit-transition: color .2s ease;
-o-transition: color .2s ease;
}

background-color: #da3b44;  цвет фона кнопки
background-image: url('http://leggings.stor.../cart_white.png');  белая иконка корзины
color: #fafafa!important;  цвет текста (Оформить заказ)

[Юлечка]

Спасибо большое-пребольшое!!)