Изменить Цвет Шрифта Меню
#1
Отправлено 19 Май 2013 - 14:16
2) Как изменить цвет фона выпадающего меню?
#2
Отправлено 19 Май 2013 - 15:42
Sergey Ushakov (19 Май 2013 - 14:16) писал:
2) Как изменить цвет фона выпадающего меню?
1)
Найдите код в style.css код:
.nav a { padding: 15px 15px; color: #fff; /*ваш цвет*/ text-transform: uppercase; z-index: 50; }
2)
.nav li li a { display: block; background: #ddd; /*фон 1*/ top: 0px; color: #000; width: 130px; }
.nav li li li a { background: #e6e6e6; /*фон 2*/ z-index: 200; top: 0px; color: #000; width: 130px; }
#3
Отправлено 19 Май 2013 - 16:06
miyako (19 Май 2013 - 15:42) писал:
Найдите код в style.css код:
.nav a { padding: 15px 15px; color: #fff; /*ваш цвет*/ text-transform: uppercase; z-index: 50; }
2)
.nav li li a { display: block; background: #ddd; /*фон 1*/ top: 0px; color: #000; width: 130px; }
.nav li li li a { background: #e6e6e6; /*фон 2*/ z-index: 200; top: 0px; color: #000; width: 130px; }
#5
Отправлено 20 Май 2013 - 09:23
Sergey Ushakov (19 Май 2013 - 16:06) писал:
Цвет шрифта при наведении какого элемента?
Sergey Ushakov (19 Май 2013 - 18:55) писал:
1) Как уменьшить расстояние (рис1)
2) как изменить цвет кнопки поиск?
3) как уменьшить расстояние (рис2)
4) как изменить цвет кнопки в корзину?
sofidemarko.ru
1)
Найдите код в style.css:
header[role="banner"] { position: relative; min-height: 10em; overflow: hidden; z-index: 10; }и замените на:
header[role="banner"] { position: relative; min-height: 9em; overflow: hidden; z-index: 10; }Найдите код:
header[role="banner"] h1 a { height: 127px; display: block; font: normal 26px ''; line-height: 20px; color: #000; font-weight: bold; text-align: center; }и замените на:
header[role="banner"] h1 a { display: block; font: normal 26px ''; line-height: 20px; color: #000; font-weight: bold; text-align: center; }
2)
Найдите код:
form[role="search"] input[type="submit"], input#search-submit { position: absolute; right: 0; z-index: 2; height: 2.833em; background: #404040; /*ваш цвет*/ padding: 0 0.833em; margin: 0; line-height: 1; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; }
3) Найдите код:
section[role="main"] { margin-bottom: 6em; top: -50px; z-index: 10; }и замените на:
section[role="main"] { margin-bottom: 4em; /*отступ*/ top: -50px; z-index: 10; }
4)
Цвет при наведении:
Найдите код:
.buy-item button:hover { background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #404040; }измените код цвета - #404040
Цвет кнопки в Корзину:
Найдите код:
@media screen and (min-width: 860px) .buy-item button { width: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #13AF13; color: #fff; font-size: 100%; margin: 0 1em 0 0; border: none; font-weight: normal; margin: auto; color: #fff; letter-spacing: 1px; text-transform: uppercase; line-height: 1; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); display: inline-block; text-align: center; }измените код цвета - #13AF13 на ваш
#6
Отправлено 20 Май 2013 - 09:58
miyako (20 Май 2013 - 09:23) писал:
1)
Найдите код в style.css:
header[role="banner"] { position: relative; min-height: 10em; overflow: hidden; z-index: 10; }и замените на:
header[role="banner"] { position: relative; min-height: 9em; overflow: hidden; z-index: 10; }Найдите код:
header[role="banner"] h1 a { height: 127px; display: block; font: normal 26px ''; line-height: 20px; color: #000; font-weight: bold; text-align: center; }и замените на:
header[role="banner"] h1 a { display: block; font: normal 26px ''; line-height: 20px; color: #000; font-weight: bold; text-align: center; }
2)
Найдите код:
form[role="search"] input[type="submit"], input#search-submit { position: absolute; right: 0; z-index: 2; height: 2.833em; background: #404040; /*ваш цвет*/ padding: 0 0.833em; margin: 0; line-height: 1; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.17); -webkit-border-top-right-radius: 2px; -webkit-border-bottom-right-radius: 2px; -moz-border-radius-topright: 2px; -moz-border-radius-bottomright: 2px; }
3) Найдите код:
section[role="main"] { margin-bottom: 6em; top: -50px; z-index: 10; }и замените на:
section[role="main"] { margin-bottom: 4em; /*отступ*/ top: -50px; z-index: 10; }
4)
Цвет при наведении:
Найдите код:
.buy-item button:hover { background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #404040; }измените код цвета - #404040
Цвет кнопки в Корзину:
Найдите код:
@media screen and (min-width: 860px) .buy-item button { width: auto; overflow: visible; padding: 0.714em 1em 0.714em 2.5em; background: url("http://design.sofidemarko.ru/icons.png") no-repeat scroll 10% -552px #13AF13; color: #fff; font-size: 100%; margin: 0 1em 0 0; border: none; font-weight: normal; margin: auto; color: #fff; letter-spacing: 1px; text-transform: uppercase; line-height: 1; text-shadow: 0px 1px 0px rgba(0,0,0,0.2); display: inline-block; text-align: center; }измените код цвета - #13AF13 на ваш
Цвет шрифта при наведении на категорию в меню, сейчас при наведении он становиться белым на белом фоне.
Все остальное отлично, спасибо!
#7
Отправлено 20 Май 2013 - 13:28
.nav a:hover { color: #fff; /*ваш цвет*/ text-decoration: underline; }
#8
Отправлено 30 Август 2014 - 00:21
Как в меню каталога, выделить жирным шрифтом и красным цветом, одну категорию каталога
#9
Отправлено 30 Август 2014 - 00:38
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" {% IF catalog.LEVEL>0%}style="padding-left:{catalog.LEVEL | multiply("30")}px"{% ENDIF %}>{catalog.NAME}</a></li>замените на:
<li class="{% IF catalog.LEVEL>0%}incat{% ENDIF %} {% IF catalog.CURRENT %}fnt12b{% ENDIF %}"><a href="{catalog.URL}" style="{% IF catalog.LEVEL>0%}padding-left:{catalog.LEVEL | multiply("30")}px;{% ENDIF %}{% IF catalog.NAME=Акции %}color:red;font-weight:bold;{% ENDIF %}">{catalog.NAME}</a></li>
#10
Отправлено 14 Сентябрь 2014 - 19:09
1) В разделе гарантия, необходимо увеличить шрифт, и сделать это в виде таблицы
2)Слева(зеленый участок, нужно разместить баннеры
3)При открытии товара, нужно чтобы в блоке сначала отображалось описание товара, а не отзывы о нем
4) Как поменять и увеличить шрифты в блоке описания, хар-ик, доставки
http://forum.storela...attach_id=24149 скрин
#11
Отправлено 15 Сентябрь 2014 - 11:31
ilnarius (14 Сентябрь 2014 - 19:09) писал:
1) В разделе гарантия, необходимо увеличить шрифт, и сделать это в виде таблицы
2)Слева(зеленый участок, нужно разместить баннеры
3)При открытии товара, нужно чтобы в блоке сначала отображалось описание товара, а не отзывы о нем
4) Как поменять и увеличить шрифты в блоке описания, хар-ик, доставки
http://forum.storela...attach_id=24149 скрин
1. Что бы увеличить шрифт зайдите в редактор страницы, выделите нужный текст и увеличите шрифт.
2. Уточните на скриншоте, где именно нужно разместить банер.
3.Найдите в шаблоне Товар код
<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>замените на
<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>далее найдите
<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Гарантия</a></li>замените на
<li><a href="javascript:tabSwitch(5);" id="tab_5">Гарантия</a></li>4. Описание Вы увеличиваете в редакторе описания Товара
#12
Отправлено 15 Сентябрь 2014 - 16:01
Ирина345 (15 Сентябрь 2014 - 11:31) писал:
1. Что бы увеличить шрифт зайдите в редактор страницы, выделите нужный текст и увеличите шрифт.
2. Уточните на скриншоте, где именно нужно разместить банер.
3.Найдите в шаблоне Товар код
<li><a href="javascript:tabSwitch(1);" id="tab_1">Описание</a></li>замените на
<li><a href="javascript:tabSwitch(1);" id="tab_1" class="active">Описание</a></li>далее найдите
<li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Гарантия</a></li>замените на
<li><a href="javascript:tabSwitch(5);" id="tab_5">Гарантия</a></li>4. Описание Вы увеличиваете в редакторе описания Товара
в редакторах страницы товара, нет параметров изменения шрифта размеров во вкладках "гарантия" и "доставка". где они меняются7 местоположение баннера указан на скрине
#13
Отправлено 16 Сентябрь 2014 - 03:30
#content_5 tr:first-child td { font-size: 14px; font-weight: bold; } #content_5 tr:nth-child(2n) { background: #ccc; }
2.В шаблоне Товар расположите код баннера:
<a href="ссылка"><img src="ссылка на баннер" alt="" /></a>после:
{% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->
#14
Отправлено 16 Сентябрь 2014 - 21:45
Vaccina (16 Сентябрь 2014 - 03:30) писал:
#content_5 tr:first-child td { font-size: 14px; font-weight: bold; } #content_5 tr:nth-child(2n) { background: #ccc; }
2.В шаблоне Товар расположите код баннера:
<a href="ссылка"><img src="ссылка на баннер" alt="" /></a>после:
{% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->
при входе в ЛС все шрифты становятся жирными как это исправить?
#15
Отправлено 17 Сентябрь 2014 - 03:22
Если только характеристик, то из кода выше уберите:
font-weight: bold;
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных