Как Увеличить Шрифт Верхнего Меню И Поменять Цвет Шрифта В Каталоге?
#1
Отправлено 16 Апрель 2013 - 14:57
2. поменять цвет шрифта в каталоге?
#2
Отправлено 16 Апрель 2013 - 15:56
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://stasyashop.storeland.net/nav_item_bg.gif") repeat-x bottom left; }и замените на
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://stasyashop.storeland.net/nav_item_bg.gif") repeat-x bottom left; font-size: 19px; }и уменьшайте или увеличивайте значение font-size.
2. Там же найдите блок
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }Изменяйте значение color: на наиболее понравившееся Вам. Данный блок отвечает за категории когда они не активны.
#3
Отправлено 16 Апрель 2013 - 20:36
Stasya (16 Апрель 2013 - 15:56) писал:
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://stasyashop.storeland.net/nav_item_bg.gif") repeat-x bottom left; }и замените на
#mainNav table td div a:link, #mainNav table td div a:visited { display: block; height: 26px; color: #666; padding: 4px 10px 0 10px; background: url("http://stasyashop.storeland.net/nav_item_bg.gif") repeat-x bottom left; font-size: 19px; }и уменьшайте или увеличивайте значение font-size.
2. Там же найдите блок
#subNavigation li a:link, #subNavigation li a:visited { padding-left: 10px; color: #666; display: block; }Изменяйте значение color: на наиболее понравившееся Вам. Данный блок отвечает за категории когда они не активны.
у меня нет таких блоков в технике...может, они как-то по-другому прописаны в main.css?
#4
Отправлено 16 Апрель 2013 - 21:36
1.Тогда в файле main.css найдите блок
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color: #5d5c5c; text-decoration: none; padding: 5px 13px; display: block; }и увеличивайте значение 12рх в строке
font: normal 12px Verdana, Geneva, sans-serif;
2. В том же файле найдите блок
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; }
Изменяйте значение color: на наиболее понравившееся Вам. Данный блок отвечает за категории когда они не активны.
#5
Отправлено 17 Апрель 2013 - 20:36
Stasya (16 Апрель 2013 - 21:36) писал:
1.Тогда в файле main.css найдите блок
#panelsite div.centercol .menuheader ul li a { font: normal 12px Verdana, Geneva, sans-serif; color: #5d5c5c; text-decoration: none; padding: 5px 13px; display: block; }и увеличивайте значение 12рх в строке
font: normal 12px Verdana, Geneva, sans-serif;
2. В том же файле найдите блок
#left .block .navigation ul li a, #right .block .navigation ul li a { padding: 4px 5px 5px 25px; display: block; color: #4c4c4c; line-height: 24px; overflow: hidden; }Изменяйте значение color: на наиболее понравившееся Вам. Данный блок отвечает за категории когда они не активны.
#6
Отправлено 17 Апрель 2013 - 23:50
.header .links li a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #B2B2B2; text-decoration: none; padding-left: 20px; text-align: left; }и замените его на
.header .links li a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #B2B2B2; text-decoration: none; padding-left: 20px; text-align: left; font-size: 16px; }увеличивайте или уменьшайте значение font-size:.
И там же найдите блок
.footer ul li a { color: #B2B2B2; text-decoration: none; text-align: left; }измените значение color: на то, которое Вам больше по душе.
#7
Отправлено 18 Апрель 2013 - 13:52
Stasya (17 Апрель 2013 - 23:50) писал:
.header .links li a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #B2B2B2; text-decoration: none; padding-left: 20px; text-align: left; }и замените его на
.header .links li a { white-space: nowrap; height: 20px; line-height: 20px; vertical-align: middle; display: block; color: #B2B2B2; text-decoration: none; padding-left: 20px; text-align: left; font-size: 16px; }увеличивайте или уменьшайте значение font-size:.
И там же найдите блок
.footer ul li a { color: #B2B2B2; text-decoration: none; text-align: left; }измените значение color: на то, которое Вам больше по душе.
я нашла, как увеличить шрифт. верхнего меню. в main.css в коде:
.header .links {font-size:17px;}
просто меняется значение font-size
А вот с цветом разобраться не могу. скрин того. что мне нужно прилагаю.
Я НАШЛА КАК ИЗМЕНИТЬ ЦВЕТ в main.css нужно в коде
.header .links li a{white-space:nowrap;height:20px;line-height:20px;vertical-align:middle;display:block; color:#F91010; text-decoration:none;padding-left:20px;text-align:left;}
изменять значение color
#8
Отправлено 18 Апрель 2013 - 14:02
#9
Отправлено 18 Апрель 2013 - 14:16
.footer ul li a { color: #B2B2B2; text-align: left; text-decoration: none; }
color: #B2B2B2; - это и есть цвет шрифта в каталоге
изменять цвет меню можно в этом блоке
.header .links li a { color: #B2B2B2; display: block; height: 20px; line-height: 20px; padding-left: 20px; text-align: left; text-decoration: none; vertical-align: middle; white-space: nowrap; }
#10
Отправлено 18 Апрель 2013 - 21:37
Taisia (18 Апрель 2013 - 14:16) писал:
.footer ul li a { color: #B2B2B2; text-align: left; text-decoration: none; }
color: #B2B2B2; - это и есть цвет шрифта в каталоге
изменять цвет меню можно в этом блоке
.header .links li a { color: #B2B2B2; display: block; height: 20px; line-height: 20px; padding-left: 20px; text-align: left; text-decoration: none; vertical-align: middle; white-space: nowrap; }
спасибо, разобралась. сменила фон - теперь возникла другая проблема: мне нужно логотип, корзину, телефоны сайта, левое меню "Оторвать" от левого края. как это сделать? скрин прилагаю.
#11
Отправлено 19 Апрель 2013 - 03:39
.container > .row > .span4 > .row { padding: 0 10px; }
#13
Отправлено 25 Июль 2014 - 23:04
#14
Отправлено 26 Июль 2014 - 01:48
#bar .links a { color: #fff; display: block; height: auto; padding: 0.9em 0.7em 0.7em; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); text-transform: uppercase; }замените на:
#bar .links a { color: #fff; display: block; height: auto; padding: 0.9em 0.7em 0.7em; text-shadow: 1px 1px 1px rgba(204, 143, 0, 1); text-transform: uppercase; font-size:16px; }
и далее для изменения размера шрифта изменяйте значение font-size
#15
Отправлено 26 Июль 2014 - 19:15
#16
Отправлено 27 Август 2015 - 12:27
#17
Отправлено 27 Август 2015 - 12:41
Toko (27 Август 2015 - 12:27) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
В данном коде за размер шрифта отвечает значение 12px у параметра font.
За цвет шрифта отвечает параметр color у которого код цвета #5d5c5c Вы можете изменить на необходимый.
#18
Отправлено 27 Август 2015 - 13:08
Firefly (27 Август 2015 - 12:41) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
В данном коде за размер шрифта отвечает значение 12px у параметра font.
За цвет шрифта отвечает параметр color у которого код цвета #5d5c5c Вы можете изменить на необходимый.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных