Как Изменить Размер И Расположение Надписи Телефона
#1
Отправлено 17 Июль 2013 - 23:57
toconsole.storeland.ru
#2
Отправлено 18 Июль 2013 - 02:06
.contacts { position: absolute; right: 2em; top: 2.5em; }
и изменяйте положение путем изменения свойств right и top
Для изменения размера и цвета, найдите
.contacts .phone, .contacts .work-time { color: red; font-size: 20px; }
и измените свойства font-size и color
#3
Отправлено 21 Июль 2013 - 20:39
Vaccina (18 Июль 2013 - 02:06) писал:
.contacts { position: absolute; right: 2em; top: 2.5em; }
и изменяйте положение путем изменения свойств right и top
Для изменения размера и цвета, найдите
.contacts .phone, .contacts .work-time { color: red; font-size: 20px; }
и измените свойства font-size и color
как изменить стиль шрифта и сдвинуть круглосуточно так чтобы оно было по середине номера
#6
Отправлено 22 Июль 2013 - 18:44
toconsole (22 Июль 2013 - 13:53) писал:
Можете поставить любой из этих стандартных шрифтов(просто вставляйте название шрифта вместо arial)
#7
Отправлено 29 Май 2014 - 13:44
Vaccina (18 Июль 2013 - 02:06) писал:
.contacts { position: absolute; right: 2em; top: 2.5em; }
и изменяйте положение путем изменения свойств right и top
Для изменения размера и цвета, найдите
.contacts .phone, .contacts .work-time { color: red; font-size: 20px; }
и измените свойства font-size и color
подскажите где искать? мне нужно изменить
1) местоположение "режима работы" (ниже его подвинуть и немного левее)
2) Цвет, размер и положение"Связаться с нами"
3) Цвет, размер и положение телефона
SL-294500
#8
Отправлено 29 Май 2014 - 15:27
janjak (29 Май 2014 - 13:44) писал:
подскажите где искать? мне нужно изменить
1) местоположение "режима работы" (ниже его подвинуть и немного левее)
2) Цвет, размер и положение"Связаться с нами"
3) Цвет, размер и положение телефона
SL-294500
1. Чтобы сдвинуть режим находим в main.css
#header .bottommain { height: 40%; width: 100%; }
#header .bottommain .headcent { width: 25%; height:20px; margin-top: 6.5%; padding: 0 1.5%; color:#7B7B7B;font-size: 17px; }заменяем на
#header .bottommain { height: 51%; width: 100%; }
#header .bottommain .headcent { width: 25%; height:20px; margin-top: 7.5%; padding: 0 1.5%; color:#7B7B7B;font-size: 17px;margin-left: -15px; }сдвинуть влево можно меняя значение margin-left: -15px;
Связаться с нами
за цвет отвечает
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#767676; font-weight:bold; padding-left:10px; }
#header .bottommain .headleft ul li.title a { color:#767676; }за цвет отвечает свойство color:#767676, вы можете менять значение 767676
что бы изменить размер добавляем перед "}" значение font-size: 17px; где можете менять размер 17
для телефона найдите цвет это
#header .bottommain .headleft span, #header .bottommain .headright span, #header .bottommain .headleft a { color:#8eac07; }так же можете увеличить размер через font-size: 17px;
куда вы хотите сдвинуть этот блок?
#10
Отправлено 29 Май 2014 - 17:02
janjak (29 Май 2014 - 16:49) писал:
Блок "Связаться с нами и тел" сдвинуть ниже - оцентровать его, тоже самое и с блоком "Ваша корзина"
Подскажите, а как "Режим работы" поднять выше, какие значения нужно менять?
#header .bottommain .headleft { color:#767676; width: 33.3%; padding: 0.7% 0 0 0; margin-left: 3%; overflow: visible;}чтобы опустить вниз меняете значение padding: 0.7% 0 0 0
для блока "Ваша корзина" находим
#header .bottommain .headright { width: 29.3%; padding: 0.7% 0 0 0; margin-right: 3%; }так же меняете значение padding: 0.7% 0 0 0
В первый раз Вы просили опустить блок "Режим работы", Мы опустили, что отменить это найдите
#header .bottommain .headcent { width: 25%; height:20px; margin-top: 7.5%; padding: 0 1.5%; color:#7B7B7B;font-size: 17px;margin-left: -15px; }margin-top: 7.5%;замените на margin-top: 6.5%;
#12
Отправлено 29 Май 2014 - 17:39
janjak (29 Май 2014 - 17:30) писал:
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#767676; font-weight:bold; padding-left:10px; font-size: 17px;}меняете значение font-size: 17px;
#13
Отправлено 29 Май 2014 - 18:00
я совсем запутался, это две разные строчки в main.css отвечают за эти два слова или одна?
#14
Отправлено 29 Май 2014 - 18:15
janjak (29 Май 2014 - 18:00) писал:
я совсем запутался, это две разные строчки в main.css отвечают за эти два слова или одна?
#header .bottommain .headleft ul li.title span, #header .bottommain .headright ul li.title span { color:#767676; font-weight:bold; padding-left:10px; font-size: 21px;}для слова С нами и Ваша корзина
#header .bottommain .headright a, #header .bottommain .headleft a, #header .bottommain .headright ul li.title a span { color:#BEDC00; text-decoration:none;font-size: 25px; }
#16
Отправлено 30 Май 2014 - 17:09
найти код
{% IF SETTINGS_STORE_WORK_TIME %}<div class="headcent over fleft txtalgncnt fnt14 fmlptn"><span>Работает {SETTINGS_STORE_WORK_TIME}</span></div>{% ENDIF %}
меняйте в нем слово работает на нужное вам
#18
Отправлено 24 Июнь 2014 - 13:56
janjak (24 Июнь 2014 - 12:34) писал:
<li class="phone"> <span class="phoneNum"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%} </span> </li>замените на
<li class="phone"> <span class="phoneNum"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<a class="tel1" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<a class="tel2" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a>{%ENDIF%} {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<a class="tel3" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}"><span class="telColor"> | </span>{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a>{%ENDIF%} </span> <div> Ваш адрес</div> </li>
#19
Отправлено 24 Июнь 2014 - 14:27
#20
Отправлено 24 Июнь 2014 - 17:10
janjak (24 Июнь 2014 - 14:27) писал:
В файле "main.css".
Найти:
#header .bottommain .headleft ul .phone .phoneNum a { color: #8eac07; font-size: 100%; white-space: nowrap; }
Заменить:
color: #8eac07; цвет
font-size: 100%; размер, например 26px
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных