Несколько Вопросов
#1
Отправлено 12 Июнь 2014 - 21:00
Помогите, пожалуйста, с настройкой ИМ.
1. Как переместить часть слова на следующую строку в названии магазина?
2. Как изменить цвет полосы вверху сайта?
3. Как заменить слайдер на статичную картинку такого же размера?
4. Как растянуть блок с подкаталогами, чтобы крестик не налазил на название раздела?
5. Как увеличить размер шрифта в названии разделов в каталоге?
Аккаунт: SL-296493
Заранее спасибо!
#2
Отправлено 12 Июнь 2014 - 22:01
1.Почистите кэш
2. В разделе Style.css 306
#header-fluid { position: relative; background: #FAFAFA url('http://design.inhike.ru/header-top-bg.png') repeat-x 0 0; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);измените на
#header-fluid { position: relative; /* background: #FAFAFA url('http://design.inhike.ru/header-top-bg.png') repeat-x 0 0; */ box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25); -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);4. в разделе style.css 203
accordion em.open-close { background: url("http://design.inhike.ru/sprites.png") no-repeat -130px -48px; padding: 8px 11px; position: absolute;измените на
accordion em.open-close { background: url("http://design.inhike.ru/sprites.png") no-repeat -130px -48px; padding: 8px 10px; position: absolute;5. в разделе style.css 205
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size: 11px; font-weight: 700; text-transform: uppercase; padding: 10px 10px 8px 0; display: block; cursor: pointer; }измените на
.accordion a, .accordion_main a { text-decoration: none; border-bottom: 1px solid #eeece7; font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 10px 10px 8px 0; display: block; cursor: pointer; }
#3
Отправлено 14 Июнь 2014 - 18:47
1. Несмотря на очистку кэша, все осталось по прежнему. Но, при просмотре с айпада, все отображается как надо...В чем проблема?
2. Я спрашивал именно про смену цвета полосы, а после внесения изменений она либо исчезла, либо слилась цветом с фоном.
3. На вопрос не получил ответа.
#4
Отправлено 14 Июнь 2014 - 19:04
2)по поводу полосы это была картинка, и цвет поменять нельзя было,
1)у нас название магазина на новой строчке
4)крестик у вас щас не заходит на слово
.font-size: 12px;это меняет размер шрифта
3)Найдите mine.css:139
.flexslider { /* margin: 0; */ /* padding: 0; */ }измените
.flexslider { /* margin: 0; */ /* padding: 0; */ display: none; }как вставить картинку тут http://forum.storela...ставка картинки
#5
Отправлено 14 Июнь 2014 - 19:24
batta (14 Июнь 2014 - 19:04) писал:
2)по поводу полосы это была картинка, и цвет поменять нельзя было,
1)у нас название магазина на новой строчке
4)крестик у вас щас не заходит на слово
.font-size: 12px;это меняет размер шрифта
3)Найдите mine.css:139
.flexslider { /* margin: 0; */ /* padding: 0; */ }измените
.flexslider { /* margin: 0; */ /* padding: 0; */ display: none; }как вставить картинку тут http://forum.storela...ставка картинки
И еще вопрос: вот Вы пишете - найдите style.css 205. 205 - это номер строки?
#6
Отправлено 14 Июнь 2014 - 19:45
#7
Отправлено 21 Июль 2014 - 15:36
1. Как менять цвет и шрифт названия магазина? 2. Как поменять размер шрифта меню и сдвинуть его ниже и чуть правее? 3. Нужно поиск и корзину сдвинуть в самый верхний правый угол и немного увеличить в размерах. Как? 4. Мне кажется, что раньше над меню отображались контакты...как их там разместить? 5. Можно ли убрать слово "каталог" и оставить только категории товаров? В идеале бы рамку еще убрать, чтобы категории висели на фоне
#8
Отправлено 21 Июль 2014 - 15:56
InHike (21 Июль 2014 - 15:36) писал:
1. Как менять цвет и шрифт названия магазина? 2. Как поменять размер шрифта меню и сдвинуть его ниже и чуть правее? 3. Нужно поиск и корзину сдвинуть в самый верхний правый угол и немного увеличить в размерах. Как? 4. Мне кажется, что раньше над меню отображались контакты...как их там разместить? 5. Можно ли убрать слово "каталог" и оставить только категории товаров? В идеале бы рамку еще убрать, чтобы категории висели на фоне
1. найдите в sytle.css
#header-logo a { display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; font: normal 18px 'Open Sans',Helvetica,Arial; color: #da3b44; font-weight: 600; }меняет значение color: #da3b44;наприме на color: #123456;
2. найдите в style.css
#megamenu li .root_link { color: #666666; text-transform: uppercase; font-size: 11px; text-decoration: none; }чтобы изменить размер шрифта меняете значение свойства font-size: 11px; например на font-size: 14px;
далее находим
#megamenu { position: absolute; height: 54px; top: 103px; left: 277px; }заменяем на
#megamenu { position: absolute; height: 54px; top: 90px; left: 238px; }меняете значение top: 103px;(отступ сверху) left: 238px;(отступ слева)
3. найдите в style.css
#search_block_top { position: static; float: right; margin: 26px 10px 0 0; }замените на
#search_block_top { position: static; float: right; margin: -3px 10px 0 0; }найдите
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}замените на
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:-3px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}4. уточните где именно вы хотите отображать контакты
5. в HTML найдите
<div class="block-title"> <strong><span>Каталог</span></strong> </div>замените на
<div class="block-title" style="display:none;"> <strong><span>Каталог</span></strong> </div>найдите в style.css
.block2 .block-content { padding: 14px 18px; color: #727272; border-top: 0px; border-bottom: 1px solid #E9E9E9; background: #fff; border: 1px solid #c0c0c0; position: relative; display: block; }замените на
.block2 .block-content { padding: 14px 18px; color: #727272; border-top: 0px; border-bottom: 1px solid #E9E9E9; background: #fff; position: relative; display: block; }
#9
Отправлено 21 Июль 2014 - 16:26
Ирина345 (21 Июль 2014 - 15:56) писал:
1. найдите в sytle.css
#header-logo a { display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; font: normal 18px 'Open Sans',Helvetica,Arial; color: #da3b44; font-weight: 600; }меняет значение color: #da3b44;наприме на color: #123456;
2. найдите в style.css
#megamenu li .root_link { color: #666666; text-transform: uppercase; font-size: 11px; text-decoration: none; }чтобы изменить размер шрифта меняете значение свойства font-size: 11px; например на font-size: 14px;
далее находим
#megamenu { position: absolute; height: 54px; top: 103px; left: 277px; }заменяем на
#megamenu { position: absolute; height: 54px; top: 90px; left: 238px; }меняете значение top: 103px;(отступ сверху) left: 238px;(отступ слева)
3. найдите в style.css
#search_block_top { position: static; float: right; margin: 26px 10px 0 0; }замените на
#search_block_top { position: static; float: right; margin: -3px 10px 0 0; }найдите
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}замените на
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:-3px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}4. уточните где именно вы хотите отображать контакты
5. в HTML найдите
<div class="block-title"> <strong><span>Каталог</span></strong> </div>замените на
<div class="block-title" style="display:none;"> <strong><span>Каталог</span></strong> </div>найдите в style.css
.block2 .block-content { padding: 14px 18px; color: #727272; border-top: 0px; border-bottom: 1px solid #E9E9E9; background: #fff; border: 1px solid #c0c0c0; position: relative; display: block; }замените на
.block2 .block-content { padding: 14px 18px; color: #727272; border-top: 0px; border-bottom: 1px solid #E9E9E9; background: #fff; position: relative; display: block; }
#10
Отправлено 21 Июль 2014 - 16:30
InHike (21 Июль 2014 - 16:26) писал:
потом на клавиатуре наберите Ctrl+F, долно появиться окно поиска в коде.
#11
Отправлено 21 Июль 2014 - 19:45
Ирина345 (21 Июль 2014 - 16:30) писал:
потом на клавиатуре наберите Ctrl+F, долно появиться окно поиска в коде.
По поводу 4 вопроса: разместить хочу именно там, где нарисовал овал на картинке - т.е. справа от логотипа и над меню. Если напишете, как двигать влево-вправо-вверх-вниз, вообще здорово будет.
И еще:1. Как закрасить каталог в цвет фона (сейчас он белый); 2. Как уменьшить количество недавно просмотренных до пяти? А то растянулась страница
#12
Отправлено 22 Июль 2014 - 01:59
http://forum.storela...нтакты-в-шапку/
1.В style.css найдите:
.block2 .block-content { background: #fff; border-bottom: 1px solid #e9e9e9; border-top: 0 none; color: #727272; display: block; padding: 14px 18px; position: relative; }измените значение #fff
2. В шаблоне HTML найдите:
{% FOR recently_viewed_goods %}после него вставьте:
{% IF recently_viewed_goods.index > 5 %}{break}{% ENDIF %}
#13
Отправлено 22 Июль 2014 - 12:18
.block2 .block-content { background: #fff; border-bottom: 1px solid #e9e9e9; border-top: 0 none; color: #727272; display: block; padding: 14px 18px; position: relative; }измените значение #fff
Спасибо! По первому вопросу, часть белого пропало, но остался белый фон, на котором написаны названия каталогов. Как его перекрасить?
#14
Отправлено 22 Июль 2014 - 12:21
InHike (22 Июль 2014 - 12:18) писал:
.block2 .block-content { background: #fff; border-bottom: 1px solid #e9e9e9; border-top: 0 none; color: #727272; display: block; padding: 14px 18px; position: relative; }измените значение #fff
Спасибо! По первому вопросу, часть белого пропало, но остался белый фон, на котором написаны названия каталогов. Как его перекрасить?
Найти:
.accordion li { background: #fff; cursor: pointer; list-style-type: none; padding: 0; margin: 0; display: block; width: 100%; display: block; position: relative; clear: both; }
Заменить:
.accordion li { cursor: pointer; list-style-type: none; padding: 0; margin: 0; display: block; width: 100%; display: block; position: relative; clear: both; }
#16
Отправлено 31 Июль 2014 - 11:30
InHike (31 Июль 2014 - 11:26) писал:
Само описание редактируется в карточке товара.
Можно изменить надпись описание.
Можно установить один стиль для всех описаний.
#17
Отправлено 31 Июль 2014 - 14:33
Ирина345 (31 Июль 2014 - 11:30) писал:
Само описание редактируется в карточке товара.
Можно изменить надпись описание.
Можно установить один стиль для всех описаний.
#18
Отправлено 31 Июль 2014 - 14:46
InHike (31 Июль 2014 - 14:33) писал:
div#more_info_shadow h3 { color: #337EC9; font-size: 26px; }данный блок для названия где Вы можите поменять цвет изменив значение свойства color: #337EC9; например на color: #123464;
так же добавьте код
.htmlDataBlock span { color: blue; font-size: 14px; }
данный код для самого описания изменить можно так по инструкции чуть выше
#19
Отправлено 31 Июль 2014 - 15:34
Ирина345 (31 Июль 2014 - 14:46) писал:
div#more_info_shadow h3 { color: #337EC9; font-size: 26px; }данный блок для названия где Вы можите поменять цвет изменив значение свойства color: #337EC9; например на color: #123464;
так же добавьте код
.htmlDataBlock span { color: blue; font-size: 14px; }
данный код для самого описания изменить можно так по инструкции чуть выше
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных