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


Публикации lew

234 публикаций создано lew (учитываются публикации только с 29-Апрель 23)



#140259 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 26 Май 2014 - 21:37 в Изменение общей стилистики

Цитата

и по поводу эффекта я вставил файл в вопросе 270
сложность здесь заключается в том, что код который делает эти изменения
вот он
-moz-box-shadow: 0 0 10px #000;
-webkit-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
сложно куда бы ни было его вставить, так чтоб тень не перекрывала друг друга.
и чтоб попытаться это сделать, много чего придётся поменять:(



#140257 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 26 Май 2014 - 21:30 в Изменение общей стилистики

Цитата

Спасибо все получилось! Но есть пару нюансов) как сделать вот так

чтоб было проще. Я просто видоизменю инструкцию пятую, она как раз и сделает эти изменения


Цитата

5)
откройте style.css
там найдите строчку кода  (примерно строка 300-400)
#footer-fluid {
background: #f2f2f2;
}
замените на эту

#footer-fluid {
margin-top: -100px;
}
потом код (примерно строка 300-400)
#footer-top {
clear: both;  
background: #FFFFFF;
border-bottom: 1px solid #f2f2f2;
}
замените на этот
#footer-top {
clear: both;  
}

потом код  (примерно строка 800-900)
#wrapper {
width: 100%;
}
замените на этот

#wrapper {
width: 100%;
padding-bottom: 100px;
}



#140263 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 26 Май 2014 - 22:10 в Изменение общей стилистики

Павел1896

Цитата

Вот такой еще вопросик, как убрать слева наверху красную надпись, интернет магазин, под логотипом? )
можно сделать так
В style.css найти строку
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #da3b44;font-weight: 600;}
заменить на эту
#header-logo a{display:table-cell;vertical-align:middle;text-align:center; text-decoration: none;font: normal 18px 'Open Sans',Helvetica,Arial;color: #FAFAFA;font-weight: 600;}



#140435 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 27 Май 2014 - 22:08 в Изменение общей стилистики

Den1922

Цитата

Напугавшись Вашими "много чего придётся поменять :(" )))) решил пойти от обратного, как сделать цвет в нутри сайта по границы, а за границами пусть будет белый.
откройте  style.css
найдите строчку
[code]#wrapper{background:url('http://design.magnitosf.ru/fon.jpg') no-repeat;}[/code]
замените на эту
[CODE]#wrapper{background-color: #FFF;) no-repeat;}
[/CODE]


потом снова пройдитесь по моему сообщению #268
но там вместо цвета
background: #FFFFFF;
ставьте цвет
background: #F3F3F3;

а для оставшегося цвета нужно найти строчку

.two-third{width:666px;float:right;
background-color: white;}

заменить на эту

.two-third{width:666px;float:right;
background-color:#F3F3F3;}


если это не полностью всё изменит, то скажите об этом))



#140441 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 27 Май 2014 - 22:49 в Изменение общей стилистики

Павел1896

Цитата

Вот мой вопрос, все указал на скриншотах,) заранее спасибо)
предлагаю идти небольшими шажками к достижению этой цели. (так как можно навредить адаптивности вашего сайта)
пока вот что сделайте
найдите в style.css код
#search_block_top{position:static;float:right;margin:26px 10px 0 0}
и замените на этот
#search_block_top{position:static; margin: 100px 0px 0 0;}

потом найдите этот код
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}
и замените на этот
#header-right{float:right;height: 168px;position: relative; z-index:20;margin-right: 10px;}

потом найдите  эту строчку кода
#megamenu{position:absolute;height:54px;top:90px;left:238px;} 
и замените на эту
#megamenu{position:absolute;height:54px;top: 108px;left: 2px;} 

как закончите, то дальше продолжим



#137996 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 12 Май 2014 - 20:12 в Изменение общей стилистики

пока предлагаю вот что сделать

откройте в админке файл style.css
там найдите код
/* END Карусель товаров на главной и на странице товара */
#wrapper{width:100%;}
.container {
width: 940px;
margin: 0 auto;
}
и замените на этот
/* END Карусель товаров на главной и на странице товара */
#wrapper{width:100%;background-color: #DDD;}
.container {
width: 940px;
margin: 0 auto;
background-color: #FFF;
}



#140248 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 26 Май 2014 - 20:25 в Изменение общей стилистики

Цитата

1)
откройте style.css
там найдите строчку кода (примерно строка 1000-1100)
.bannertop{width: 940px;margin: 0 auto;}
и замените на эту
.bannertop{width: 940px;margin: 0 auto;background-color: #fff;}
2)
откройте style.css
там найдите строчку кода (примерно строка 800-900)
.content.container {
margin-top: 5px;
min-height: 500px;
}
и замените на эту
.content.container {
min-height: 500px;
background-color: #fff;
padding-top: 5px;
}

3)
откройте style.css
там найдите строчку кода (примерно строка 800-900)
.container {
width: 940px;
margin: 0 auto;
}
и замените на эту
.container {
width: 940px;
margin: 0 auto;
background-color: #FFF;
padding: 0 10px;
}
потом
.bannertop {
width: 940px;
margin: 0 auto;
}
замените на эту
.bannertop {
width: 940px;
margin: 0 auto;
background-color: #FFF;
padding: 0 10px;
}

Цитата

4)
может всё же сможете найти)))


Цитата

5)
откройте style.css
там найдите строчку кода  (примерно строка 300-400)
#footer-fluid {
 background: #f2f2f2;
}
замените на эту

#footer-fluid {
margin-top: -71px;
}
потом код (примерно строка 300-400)
#footer-top {
clear: both;  
background: #FFFFFF; 
border-bottom: 1px solid #f2f2f2;
}
замените на этот
#footer-top {
clear: both;  
border-bottom: 1px solid #f2f2f2;
}

потом код  (примерно строка 800-900)
#wrapper {
width: 100%;
}
замените на этот

#wrapper {
width: 100%;
padding-bottom: 71px;
}



#136214 Помогите С Дизайном Новичку, Ничего Не Знаю, Делаю Первые Шаги

Отправлено от lew в 29 Апрель 2014 - 22:09 в Изменение общей стилистики

в style.css
найдите код
.bannertopimg{width: 940px;}
под ним разместите новый код.
.bannertopimg:hover{opacity: 0.7;}
теперь всё будет

и не забудьте вместо
div.catalog img:hover{opacity:0.4} 
поставить
div.catalog img:hover{opacity:0.7} 



#137766 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 11 Май 2014 - 13:54 в Изменение общей стилистики

Цитата

Жаль только я не вижу как она выглядит на большом экране.
хотел вам скриншот отправить, но он почему-то не отправляется. Смотрится хорошо.



#137770 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 11 Май 2014 - 14:14 в Изменение общей стилистики

Цитата

4) И вопрос по поводу переноса корзины в строку контактов ОТМЕНЯЕТСЯ. Пусть корзина останется на своем месте, только надо поменять цвет полосы под корзиной на фон сайта (моя картинка).

Цитата

5) И поменять белый фон под слайдерами на фон сайта (моя картинка).
найдите в main.css
следующую строку
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px;}
замените на эту
#header #cart {z-index: 20;min-width: 300px;top:3px;right:20px; background: url("http://anitai.storeland.net/seriy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}

потом найдите эту строку
#module_area {width:100%;text-align:center;padding:5px 0;}
замените на эту
#module_area {width:100%;text-align:center;padding:5px 0; background: url("http://anitai.storeland.net/seriy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}

Цитата

1) Увеличить и поменять цвет текста в подменю слева
на какой вам цвет поменять?

В том же файле найдите код
.box-category > ul > li ul > li > a {text-decoration: none;display: block;font-size:12px;padding-bottom:3px;}
и замените на это
.box-category > ul > li ul > li > a {text-decoration: none;display: block;color: #346;font-size: 13px;padding-bottom:3px;}
где color - отвечает за цвет, а font-size - отвечает за размер. Смело подбирайте на свой вкус))

Цитата

2)
В том же файле найдите код
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:12px;}
и замените на это
#powered {text-align: center;clear: both;padding:8px 0;background-color:#e0e0e0;font-size:12px;color: #333;}
анологично ответу выше (color - отвечает за цвет)

3)
сперва нужно зайти в main.css
найти строчку
#content .heading_title span {border-bottom:1px solid #3fb1c0;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; }
заменить на эту
#content .heading_title span {border-bottom:1px solid #3fb1c0;padding-bottom:8px;padding-right:10px;position:absolute;bottom:-1px;left:0px; color: #333 }

потом Нужно зайти сайт --> главная странница и там в строчке менять значение.

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

  • sprites2.png



#137760 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 11 Май 2014 - 12:59 в Изменение общей стилистики

Я вас понял, то есть они не должна смещаться в правый верхний угол.
сейчас всё будет



#137749 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 11 Май 2014 - 11:39 в Изменение общей стилистики

перед тем как ответить на ваш вопрос.
Скажите, при разрешении экрана в ширину 1500px  контакты и поиск смещается в правый верхний угол. Это нормально? Так задумано?

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

  • Что надо сделать чтобы получилось вот так.png
  • Что надо сделать чтобы получилось вот так2.png



#139217 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 19 Май 2014 - 23:02 в Изменение общей стилистики

откройте main.css
найдите код (в самом низу)
.header_top .inner { text-align: center;}
/* /END адаптивность шаблона ======================================================*/

и вместо них вставьте новые
@media only screen and (min-width: 1257px){
  #header #cart {
  top: -14px;position: absolute;right: 244px;}
}
.header_top .inner { text-align: center;}
/* /END адаптивность шаблона ======================================================*/



#137761 Сразу Поменять Основные Тона Сайта И Размеры Шрифтов В Меню.

Отправлено от lew в 11 Май 2014 - 13:21 в Изменение общей стилистики

сперва в админке откройте файл main.css
там строчку
#header #logo {float:left;clear:both;margin:0px 12px 12px 0;}
замените на эту
#header #logo {clear:both;margin:0px 12px 12px 0;}
а хотя нет, замените лучше на эту, (я думаю картинка логотипа должна быть по центру экрана?)
#header #logo {clear:both; width: 1270px; margin: 0px auto 12px auto;}



#135864 Помогите Поставить Слайдер Интересных Предложений

Отправлено от lew в 27 Апрель 2014 - 20:37 в Главная

уточните для какого вашего сайта это нужно сделать?



#133481 Помогите Правильно Отредактировать Шаблон Mokko!

Отправлено от lew в 14 Апрель 2014 - 20:36 в Изменение общей стилистики

Цитата

Подскажите пожалуйста, что не правильно, создал модификации товара http://lusstore.ru/g...ustal_Strotskis
но они не отобрахаются в карточке, как исправить?
пожалуйста, объясните проблему более подробно



#139003 Много Вопросов

Отправлено от lew в 18 Май 2014 - 22:42 в Страница товара

Цитата

1)

в style.css находим код

#header-fluid {
position: relative;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
background: url('{ASSETS_IMAGES_PATH}19ук7.jpg') repeat;
}

меняем на сей код
#header-fluid {
position: relative;
box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25);
z-index: 10;
background: url('http://m1505.storeland.net/19ук7.jpg') repeat;
border-bottom: 2px solid #ff0000;
}

Цитата

4)

откройте demo.css
найдите код
.item1 .information {
display: block;
position: absolute;
top: 0;
height: 100px;
width: 100px;
text-align: left;
border-radius: 15px;
border:2px solid #ff0000; border-radius: 2px;
padding: 10px;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
box-shadow: none;
background: rgb(236,241,244);
background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(190,202,217,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(190,202,217,1)));
background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(190,202,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 );
-webkit-transform: rotateX(-90deg) translateZ(50px);
-moz-transform: rotateX(-90deg) translateZ(50px);
-ms-transform: rotateX(-90deg) translateZ(50px);
-o-transform: rotateX(-90deg) translateZ(50px);
transform: rotateX(-90deg) translateZ(50px);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;

}
меняем на
.item1 .information {
display: block;
position: absolute;
top: 0;
height: 100px;
width: 100px;
text-align: left;
border-radius: 15px;
border:2px solid #ff0000; border-radius: 2px;
padding: 10px;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
box-shadow: none;
background: rgb(236,241,244);
background: -moz-linear-gradient(top, rgba(236,241,244,1) 0%, rgba(223,202,217,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(236,241,244,1)), color-stop(100%,rgba(223,202,217,1)));
background: -webkit-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%);
background: -o-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%);
background: -ms-linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%);
background: linear-gradient(top, rgba(236,241,244,1) 0%,rgba(223,202,217,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 );
-webkit-transform: rotateX(-90deg) translateZ(50px);
-moz-transform: rotateX(-90deg) translateZ(50px);
-ms-transform: rotateX(-90deg) translateZ(50px);
-o-transform: rotateX(-90deg) translateZ(50px);
transform: rotateX(-90deg) translateZ(50px);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;

}
забыл, вам надо без градиента.
тогда замените на этот код
.item1 .information {
display: block;
position: absolute;
top: 0;
height: 100px;
width: 100px;
text-align: left;
border-radius: 15px;
border:2px solid #ff0000; border-radius: 2px;
padding: 10px;
font-size: 12px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
box-shadow: none;
background: rgba(223,202,217,1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='#becad9',GradientType=0 );
-webkit-transform: rotateX(-90deg) translateZ(50px);
-moz-transform: rotateX(-90deg) translateZ(50px);
-ms-transform: rotateX(-90deg) translateZ(50px);
-o-transform: rotateX(-90deg) translateZ(50px);
transform: rotateX(-90deg) translateZ(50px);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;



#135777 Много Вопросов

Отправлено от lew в 26 Апрель 2014 - 22:51 в Страница товара

в style.css
найдите код
@media only screen and (max-width:479px)
{
body{min-width:300px}
.container{width:300px}
под ним поставте
#wrapper { background: url('[url="http://b21941.storeland.net/1971.jpg"]http://b21941.storeland.net/1971.jpg[/url]') repeat 0 0 rgba(0, 0, 0, 0);padding-right: 900px;}

потом найдите код


@media only screen and (max-width:767px)
{
.container{width:450px; height: 100%;}

под ним поставте
#wrapper { background: url('[url="http://b21941.storeland.net/1971.jpg"]http://b21941.storeland.net/1971.jpg[/url]') repeat 0 0 rgba(0, 0, 0, 0);padding-right: 870px;}



#141059 Бирка Скидки На Товарах Акции

Отправлено от lew в 30 Май 2014 - 20:50 в Каталог товаров

уточните более подробней или вышлите скриншот. нужно поставить иконки на изображения?



#142512 Вопросы =?=

Отправлено от lew в 09 Июнь 2014 - 19:43 в Шаблон Сияние

честно я пока такого ни где не видел.

А ещё чтоб проще было, ставьте тег <br> - он отвечает за перенос строки. (вместо нажатия кнопки enter)



#142679 Вопросы =?=

Отправлено от lew в 10 Июнь 2014 - 22:01 в Шаблон Сияние

откройте HTML
найдите код
<body>
<div class="b_page" id="wrapper">
замените его на этот
<body class="home"{% IF index_page %} style="background: #AAA;" {% ENDIF %}>
<div class="b_page" id="wrapper" {% IF index_page %} style="background: #AAA;" {% ENDIF %}>

как вы могли догадаться следующий кусок кода {% IF index_page %} style="background: #AAA;" {% ENDIF %}
и делает отображение фона на главной страннице



#142431 Вопросы =?=

Отправлено от lew в 08 Июнь 2014 - 18:15 в Шаблон Сияние

попробуйте в  Редактирование контент-страницы сделайте расстояние больше пробела, то есть нажмите enter.  (там почему-то пробел считается за букву)



#140264 Вопросы =?=

Отправлено от lew в 26 Май 2014 - 22:16 в Шаблон Сияние

ваш аккуант -  SL-260787 ??



#141167 Вопросы =?=

Отправлено от lew в 31 Май 2014 - 16:35 в Шаблон Сияние

зайдите в HTML найдите код
<!-- Меню сайта (По типу помещения) -->
{% IF index_page %}
<div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div>
<div class="container" id="room_menu_block">
<div class="containerin" id="room_menu_page">
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a>
</div>
</div>
</div>
{% ENDIF %}
<!-- end Меню сайта (По типу помещения) -->

замените на этот код
<!-- Меню сайта (По типу помещения) -->
{% IF index_page %}
<div class="room_menu_title">Ищете сплит-систему для конкретной комнаты?</div>
<div class="container" id="room_menu_block">
<div class="containerin" id="room_menu_page">
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-kuhni"><img alt="Сплит-системы для кухни" title="Сплит-системы для кухни" src="http://st.storeland.net/9/1162/914/1_2.png"></a>
<span>хорошая кухня</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-gostinoj"><img alt="Сплит-системы для гостиной" title="Сплит-системы для гостиной" src="http://st.storeland.net/9/1162/913/1_1.png"></a>
<span>отличная гостинная</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-spalni"><img alt="Сплит-системы для спальни" title="Сплит-системы для спальни" src="http://st.storeland.net/9/1162/916/1_4.png"></a>
<span>классная спальня</span>
</div>
<div id="room_menu_item">
<a href="http://frigus-don.ru/catalog/split-sistemy-dlya-ofisa"><img alt="Сплит-системы для офиса" title="Сплит-системы для офиса" src="http://st.storeland.net/9/1162/915/1_3.png"></a>
<span>раскошный офис</span>
</div>
</div>
</div>
{% ENDIF %}
<!-- end Меню сайта (По типу помещения) -->
то есть, как вы могли заметить, изменения заключается в том, что я под картинки вставил тег <span> text </span>


потом откройте main.css
найдите код

/* Меню сайта (По типу помещения) */
.room_menu_title {width: 940px; margin: 0 auto; padding:10px 0 0 0; text-align: left; color: #a8a8a8; font: bold 20px Calibri,Arial;}
#room_menu_block {height:150px; border-bottom:4px solid #A8A8A8; padding-top:10px;}
#room_menu_page {width:940px; height:150px}
#room_menu_item {width:235px; height:150px; float: left; position: relative;}
#room_menu_page div img {width:230px;float: left; border-radius: 6px;}
#room_menu_page div p {font: bold 9px Arial; color: #696969; text-align: center;text-transform:uppercase;}
прямо под ним разместите новый код

#room_menu_item span {position: absolute; bottom: 28px; left:15px; background: rgba(255, 255, 255, 0.8); padding: 4px 9px; border-radius: 5px; width: 183px; text-align: center;}


примечание:
если вам нужно чтоб фон не был прозрачным, то
rgba(255, 255, 255, 0.8)
замените на
rgba(255, 255, 255, 1)
ели наоборот, то
rgba(255, 255, 255, 0.6)



#142423 Вопросы =?=

Отправлено от lew в 08 Июнь 2014 - 17:12 в Шаблон Сияние

откройте main.css
найдите код

.page-headline h1 {
  position:absolute; width:777px;
  top:36px;
  font: 23px/70px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-family: OpenSans;
  color: #000000;
  height:51px;overflow:hidden;
}
и замените на

.page-headline h1 {
  position:absolute; width:777px;
  top:36px;
  font: 23px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-family: OpenSans;
  color: #000000;
  height:51px;
  overflow: visible;
}