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


Сместить Контактную Информация


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

#1 vint1827

vint1827

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

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

Отправлено 27 Апрель 2014 - 22:09

Добрый день, подскажите, как сдвинуть в центр контактную информацию и увеличить это всё в размере + получается увеличь розовую линию  ? SL-275168

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

  • Снимокыыы.JPG


#2 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 27 Апрель 2014 - 22:31

Просмотр сообщенияvint1827 (27 Апрель 2014 - 22:09) писал:

Добрый день, подскажите, как сдвинуть в центр контактную информацию и увеличить это всё в размере + получается увеличь розовую линию  ? SL-275168
Здравствуйте.
В шаблоне main.css замените код
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
на такой
#header #support {position: relative;display: block;top: 9px;margin: auto;z-index: 30;width: 250px;font-size: 18pt;}
18pt; - размер шрифта телефонных номеров.
Розовая линия будет увеличиваться автоматически.

#3 vint1827

vint1827

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

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

Отправлено 27 Апрель 2014 - 23:02

Просмотр сообщенияsengun (27 Апрель 2014 - 22:31) писал:

Здравствуйте.
В шаблоне main.css замените код
#header #support {position: relative;float: right;top: 9px;margin-right: 11px;z-index: 30;width: 200px;}
на такой
#header #support {position: relative;display: block;top: 9px;margin: auto;z-index: 30;width: 250px;font-size: 18pt;}
18pt; - размер шрифта телефонных номеров.
Розовая линия будет увеличиваться автоматически.
А как надпись "Связаться с нами" сделать больше и пропорциональной телефону и времени работы?

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

  • 33333.JPG


#4 MikDark

MikDark

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

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

Отправлено 28 Апрель 2014 - 07:05

Просмотр сообщенияvint1827 (27 Апрель 2014 - 23:02) писал:

А как надпись "Связаться с нами" сделать больше и пропорциональной телефону и времени работы?

В main.css найдите код:
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
}

и поменяйте значение font-size (размер шрифта) и margin-bottom (отступ до телефона). Примерно выставите 28px и 8 px.

#5 vint1827

vint1827

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

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

Отправлено 28 Апрель 2014 - 20:58

Просмотр сообщенияMikDark (28 Апрель 2014 - 07:05) писал:

В main.css найдите код:
#header #support h4 {
margin-bottom: 0px;
font-size: 15px;
font-weight: bold;
}

и поменяйте значение font-size (размер шрифта) и margin-bottom (отступ до телефона). Примерно выставите 28px и 8 px.
Мне не найти этот код(( подскажите какая это строчка?

#6 daria_dnk

daria_dnk

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

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

Отправлено 28 Апрель 2014 - 21:13

Просмотр сообщенияvint1827 (28 Апрель 2014 - 20:58) писал:

Мне не найти этот код(( подскажите какая это строчка?
Здравствуйте! Через Ctrl+f найдите комбинацию #header #support h4
(должна быть строка 138 - в ней вносите изменения по инструкции).

#7 vint1827

vint1827

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

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

Отправлено 28 Апрель 2014 - 21:17

Просмотр сообщенияdaria_dnk (28 Апрель 2014 - 21:13) писал:

Здравствуйте! Через Ctrl+f найдите комбинацию #header #support h4
(должна быть строка 138 - в ней вносите изменения по инструкции).
Всё нашёл, правда не сдвинуть)
А как телефон и время отступ больше делать?

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

  • Снимокыыы.JPG


#8 lew

lew

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

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

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

откройте main.css
в самом внизу впишите новый код
.contacts .phone{
margin: 5px 0;
}
.contacts .work-time{
margin: 5px 0;
}


#9 vint1827

vint1827

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

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

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

Просмотр сообщенияlew (28 Апрель 2014 - 21:37) писал:

откройте main.css
в самом внизу впишите новый код
.contacts .phone{
margin: 5px 0;
}
.contacts .work-time{
margin: 5px 0;
}
Как поменять размер телефона и время работы?

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

  • ыыыы.JPG


#10 daria_dnk

daria_dnk

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

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

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

Просмотр сообщенияvint1827 (03 Июнь 2014 - 19:37) писал:

Как поменять размер телефона и время работы?
Здравствуйте!
В шаблоне main.css добавьте строки

.phone { font-size:14px;}
.work-time { font-size:14px;}

изменяйте значение параметра font-size как Вам нужно для:

phone -  номера телефона
work-time - времени работы

#11 vint1827

vint1827

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

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

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

Просмотр сообщенияdaria_dnk (03 Июнь 2014 - 19:58) писал:

Здравствуйте!
В шаблоне main.css добавьте строки

.phone { font-size:14px;}
.work-time { font-size:14px;}

изменяйте значение параметра font-size как Вам нужно для:

phone -  номера телефона
work-time - времени работы
А куда именно вставлять?какая сторака или что? Заранее сапсибо.

#12 lew

lew

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

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

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

добавьте их в самый низ файла main.css




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

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