Перейти к содержимому


Как Увеличить Шрифт Верхнего Меню И Поменять Цвет Шрифта В Каталоге?

Автор galya.bu7, 16 апр. 2013 14:57

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 17

#1 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 16 Апрель 2013 - 14:57

1. Как увеличить шрифт верхнего меню и

2. поменять цвет шрифта в каталоге?

#2 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 16 Апрель 2013 - 15:56

1. Найдите в файле main.css блок 
#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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 16 Апрель 2013 - 20:36

Просмотр сообщенияStasya (16 Апрель 2013 - 15:56) писал:

1. Найдите в файле main.css блок 
#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 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 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 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 17 Апрель 2013 - 23:50

Надеюсь, я правильно поняла про какое верхнее меню Вы говорите. В файле main.css найдите блок 
.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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 18 Апрель 2013 - 13:52

Просмотр сообщенияStasya (17 Апрель 2013 - 23:50) писал:

Надеюсь, я правильно поняла про какое верхнее меню Вы говорите. В файле main.css найдите блок 
.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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 18 Апрель 2013 - 14:02

А ВОТ ИЗМЕНИТЬ ЦВЕТ ШРИФТА КАТАЛОГА НЕ МОГУ

#9 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 18 Апрель 2013 - 14:16

в файле main.css найдите блок
.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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 18 Апрель 2013 - 21:37

Просмотр сообщенияTaisia (18 Апрель 2013 - 14:16) писал:

в файле main.css найдите блок
.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 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Апрель 2013 - 03:39

Добавьте в ваш файл стилей main.css

.container > .row > .span4 > .row {
   padding: 0 10px;
}

#12 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 19 Апрель 2013 - 11:52

Просмотр сообщенияVaccina (19 Апрель 2013 - 03:39) писал:

Добавьте в ваш файл стилей main.css

.container > .row > .span4 > .row {
padding: 0 10px;
}

то что нужно, спасибо!

#13 Oldien

Oldien

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 59 сообщений

Отправлено 25 Июль 2014 - 23:04

Подскажите пожалуйста как поменять размер шрифта  главном меню в шаблоне Радость

#14 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 26 Июль 2014 - 01:48

В файле main.css найдите:
#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 Oldien

Oldien

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 59 сообщений

Отправлено 26 Июль 2014 - 19:15

Спасибо, все получилось :)))

#16 Toko

Toko

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 27 Август 2015 - 12:27

Ещё бы про шаблон Plastic: как изменить размер и цвет шрифтов верхнего меню? Большое спасибо, заранее!

#17 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Август 2015 - 12:41

Просмотр сообщенияToko (27 Август 2015 - 12:27) писал:

Ещё бы про шаблон Plastic: как изменить размер и цвет шрифтов верхнего меню? Большое спасибо, заранее!

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> 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 Toko

Toko

    Пользователь

  • Пользователи
  • PipPip
  • 30 сообщений

Отправлено 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 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Главная
  6. Privacy Policy