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


Размер Шрифта И Стиль


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

#1 Виталий702

Виталий702

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

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

Отправлено 23 Апрель 2015 - 11:36

Здравствуйте! Аккаунт SL-340837
1) Скажите, пожалуйста, где можно поменять размер шрифта в шапке (см. фото) ?
2) Символ был всегда виден, а не только при наведении (см. фото) ?
3) Как сделать, чтобы везде стиль шрифта был один, например, Arial?
Благодарю за ответ!

Прикрепленные изображения

  • 8484.PNG


#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Апрель 2015 - 11:53

Просмотр сообщенияВиталий702 (23 Апрель 2015 - 11:36) писал:

Здравствуйте! Аккаунт SL-340837
1) Скажите, пожалуйста, где можно поменять размер шрифта в шапке (см. фото) ?
2) Символ был всегда виден, а не только при наведении (см. фото) ?
3) Как сделать, чтобы везде стиль шрифта был один, например, Arial?
Благодарю за ответ!

Здравствуйте.

1) В шаблоне main.css найдите код:
.mainmenu ul li a{
 padding: 10px;
 z-index: 500;
 font-weight: bold;
 color: #000000;
 position: relative;
}

и замените на:
.mainmenu ul li a{
 padding: 10px;
 z-index: 500;
 font-weight: bold;
 color: #000000;
 position: relative;
font-size:16px;
}

С помощью параметра font-size вы сможете регулировать размер букв.

2) В шаблон main.css добавьте код:
.mainmenu ul li a:after {
 width: 100%;
}

3) Комплексно изменить шрифт для всех блоков не получится, нужно меня в каждом блоке отдельно. Давайте поэтапно решать вопрос.

#3 Виталий702

Виталий702

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

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

Отправлено 23 Апрель 2015 - 12:15

Просмотр сообщенияMikDark (23 Апрель 2015 - 11:53) писал:

Здравствуйте.

1) В шаблоне main.css найдите код:
.mainmenu ul li a{
padding: 10px;
z-index: 500;
font-weight: bold;
color: #000000;
position: relative;
}

и замените на:
.mainmenu ul li a{
padding: 10px;
z-index: 500;
font-weight: bold;
color: #000000;
position: relative;
font-size:16px;
}

С помощью параметра font-size вы сможете регулировать размер букв.

2) В шаблон main.css добавьте код:
.mainmenu ul li a:after {
width: 100%;
}

3) Комплексно изменить шрифт для всех блоков не получится, нужно меня в каждом блоке отдельно. Давайте поэтапно решать вопрос.
Здравствуйте! Помогите, пожалуйста, поменять шрифт на Arial следующих категориях!
1) Цифры от 1 до 6
2) И подскажите, пожалуйста, ещё где поменять ЦВЕТ шрифта названия категории? Сейчас он белый, его не видно!

Прикрепленные изображения

  • 123.PNG


#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 23 Апрель 2015 - 13:01

Просмотр сообщенияВиталий702 (23 Апрель 2015 - 12:15) писал:

Благодарю! Давайте частями,  хочется поменять стиль на основные шрифты:
1) Цифры от 1 до 6
2) И подскажите, пожалуйста, ещё где поменять цвет шрифта названия категории? Сейчас он белый, его не видно!
В шаблоне main.css найдите следующие коды:
1. Первый код:
.cat_prod_hold .name a {
color: white;
font-size: 18px;
line-height: 0.95;
}
И замените его этим кодом:
.cat_prod_hold .name a {
color: black;
font-size: 18px;
line-height: 0.95;
}
2. Второй код:
.lCont a {
color: #000000;
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
}
И замените его:
.lCont a {
color: #81E742;
transition: all 0.35s ease;
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
}
3. Третий код:
.leftH a {
color: white;
}
И замените его этим кодом:
.leftH a {
color: black;
}
4. Четвёртый код:
.phone {
float: right;
color: #000000;
text-align: right;
margin-top: 12px;
font-size: 33px;
}
И замените его вот этим кодом:
.phone {
float: right;
color: #81E742;
text-align: right;
margin-top: 12px;
font-size: 33px;
}
5. Пятый код:
.breadcrumb a {
color: #000000;
transition: color 0.35s ease;
-moz-transition: color 0.35s ease;
-o-transition: color 0.35s ease;
-webkit-transition: color 0.35s ease;
-ms-transition: color 0.35s ease;
}
И замените его:
.breadcrumb a {
color: #FFFFFF;
transition: color 0.35s ease;
-moz-transition: color 0.35s ease;
-o-transition: color 0.35s ease;
-webkit-transition: color 0.35s ease;
-ms-transition: color 0.35s ease;
}
6. Шестой код:
.breadcrumb {
overflow: hidden;
background: #81E742;
padding: 17px;
margin: 0 0 20px 0;
text-transform: uppercase;
color: #FFFFFF;
font-weight: bold;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
}
И замените его этим кодом:
.breadcrumb {
overflow: hidden;
background: #81E742;
padding: 17px;
margin: 0 0 20px 0;
text-transform: uppercase;
color: #000000;
font-weight: bold;
box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-moz-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
-webkit-box-shadow: 3px 3px 0 rgba(153, 153, 153, 0.2);
}
7. Седьмой код:
.mainmenu ul li a {
padding: 10px;
z-index: 500;
color: #000000;
font-size: 25px;
position: relative;
}
И замените его вот этим кодом:
.mainmenu ul li a {
padding: 10px;
z-index: 500;
color: #81E742;
font-size: 25px;
position: relative;
}


#5 Виталий702

Виталий702

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

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

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

Здравствуйте! Помогите, пожалуйста, поменять шрифт на Arial в следующих категориях!
а) Цифры от 1 до 6 (см. рисунок)
б) И подскажите, пожалуйста, ещё где поменять ЦВЕТ шрифта названия категории? Сейчас он белый, его не видно!

Прикрепленные изображения

  • 12.PNG


#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Апрель 2015 - 19:56

Просмотр сообщенияВиталий702 (23 Апрель 2015 - 17:19) писал:

Здравствуйте! Помогите, пожалуйста, поменять шрифт на Arial в следующих категориях!
а) Цифры от 1 до 6 (см. рисунок)
б) И подскажите, пожалуйста, ещё где поменять ЦВЕТ шрифта названия категории? Сейчас он белый, его не видно!
Здравствуйте.
Для глобальных изменений шрифта и цвета используйте инструкцию.

#7 Виталий702

Виталий702

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

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

Отправлено 05 Май 2015 - 11:44

Просмотр сообщенияDanil (23 Апрель 2015 - 19:56) писал:

Здравствуйте.
Для глобальных изменений шрифта и цвета используйте инструкцию.
Ребята, Вы для меня сегодня мир открыли с этой инструкцией!!!! Спасибо Вам огромное!!! Давно бы так)))




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных