Как поднять контент на главной вверх ?
Причем контент нужно поднять только на главной странице.
На остальных страницах все должно остаться как есть.
Сайт: Urbantime.ru
Что нужно изменить в CSS, чтобы поднять контент на несколько пикселей только на главной?
1
Как Поднять Контент На Главной Вверх?
Автор pavelkosenkov, 06 авг. 2012 20:24
Сообщений в теме: 17
#1
pavelkosenkov
-
- Пользователи
-
- 73 сообщений
Продвинутый пользователь
Отправлено 06 Август 2012 - 20:24
#2
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 06 Август 2012 - 22:06
Попробуйте в шаблон "HTML" после <body> вставить
или
но в таком случае вам необходимо будет убрать бордюр для блока
или задать условие что бы этот бордюр не отображался на главной
{%IF index_page%}
<style>
.page-headline {
height: 35px;
position: relative;
}
</style>
{%ENDIF%}
или
{%IF index_page%}
<style>
.page-headline {
height: 0;
position: relative;
}
</style>
{%ENDIF%}
но в таком случае вам необходимо будет убрать бордюр для блока
<div style="border-top: 1px solid #F7F9E5;overflow: hidden;width: 100%;padding: 5px 0 0px;">
или задать условие что бы этот бордюр не отображался на главной
<div style="{%IFNOT index_page%}border-top: 1px solid #F7F9E5;{%ENDIF%}overflow: hidden;width: 100%;padding: 5px 0 0px;">
#3
pavelkosenkov
-
- Пользователи
-
- 73 сообщений
Продвинутый пользователь
Отправлено 07 Август 2012 - 12:51
Vaccina, Спасибо. Все получилось!
#4
mnbv2005
-
- Пользователи
-
- 201 сообщений
Активный участник
- ГородМосква
Отправлено 14 Август 2012 - 12:32
Не могу поднять текст на главной!
Что надо исправить, подскажите)))
Что надо исправить, подскажите)))
Прикрепленные изображения
#5
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 15 Август 2012 - 01:16
В файле стилей main.css найдите
и замените на
#cpages {
background-color: #FFFFFF;
padding-top: 10px;
}
и замените на
#cpages {
background-color: #FFFFFF;
margin-top: -70px;
padding-top: 10px;
}
#6
mnbv2005
-
- Пользователи
-
- 201 сообщений
Активный участник
- ГородМосква
Отправлено 15 Август 2012 - 08:42
Сделала, как Вы сказали, вот что вышло(
Дело в том, что я шапку сделала так, чтобы она с телом сливалась!Шапка идёт на прозрачном фоне с градиентом
Дело в том, что у меня шапка сделана на прозрачном фоне с градиентом!
Дело в том, что я шапку сделала так, чтобы она с телом сливалась!Шапка идёт на прозрачном фоне с градиентом
Дело в том, что у меня шапка сделана на прозрачном фоне с градиентом!
Прикрепленные изображения
#7
mnbv2005
-
- Пользователи
-
- 201 сообщений
Активный участник
- ГородМосква
Отправлено 15 Август 2012 - 09:54
Изменила другой размер шапки! Подняла заголовок через #cpages! А текст остался внизу!
1Как бы его тоже поднять!
2 Как слайдер поближе к тексту подвинуть и чтобы после него промежуток поменьше был!
1Как бы его тоже поднять!
2 Как слайдер поближе к тексту подвинуть и чтобы после него промежуток поменьше был!
Прикрепленные изображения
#8
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 15 Август 2012 - 20:54
1) В файле стилей main.css найдите
и замените на
2) Как я понимаю с данным вопросом вы разобрались самостоятельно.
.page-headline {
height: 81px;
position: relative;
}
и замените на
.page-headline {
padding-bottom: 20px;
position: relative;
}
2) Как я понимаю с данным вопросом вы разобрались самостоятельно.
#9
mnbv2005
-
- Пользователи
-
- 201 сообщений
Активный участник
- ГородМосква
Отправлено 15 Август 2012 - 22:23
Vaccina (15 Август 2012 - 20:54) писал:
1) В файле стилей main.css найдите
и замените на
2) Как я понимаю с данным вопросом вы разобрались самостоятельно.
.page-headline {
height: 81px;
position: relative;
}
и замените на
.page-headline {
padding-bottom: 20px;
position: relative;
}
2) Как я понимаю с данным вопросом вы разобрались самостоятельно.
Спасибо за ответы!
С первым всё вышло!
2) Как я понимаю с данным вопросом вы разобрались самостоятельно.
Нет, не разобралась((
Хочу ближе придвинуть хиты продаж к слайдеру))
#10
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
#11
dervish
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 27 Декабрь 2012 - 15:36
Добрый день!
Как сократить расстояние между текстом к товару и картинкой на главной странице. Спасибо!
Как сократить расстояние между текстом к товару и картинкой на главной странице. Спасибо!
#12
support 2.0
-
- Модераторы
-
- 4 950 сообщений
Активный участник
Отправлено 27 Декабрь 2012 - 15:42
dervish (27 Декабрь 2012 - 15:36) писал:
Добрый день!
Как сократить расстояние между текстом к товару и картинкой на главной странице. Спасибо!
Безымянный.jpg
Как сократить расстояние между текстом к товару и картинкой на главной странице. Спасибо!
Безымянный.jpg
Сообщите, пожалуйста, адрес своего магазина
#13
Vaccina
-
- Модераторы
-
- 24 353 сообщений
Активный участник
Отправлено 28 Декабрь 2012 - 01:00
Вам необходимо в файле стилей main.css раздела редактора тем - найти класс
и изменить в нем свойство height
.goodsListItemImage a {
display: block;
height: 185px;
}
и изменить в нем свойство height
#14
dervish
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 28 Декабрь 2012 - 09:16
Действительно помогает, но тогда в Новинках и Хитах на главной странице текст тоже поднимается вверх и наезжает на картинку.
#15
Koderhan
-
- Модератоpы
-
- 6 227 сообщений
Активный участник
Отправлено 28 Декабрь 2012 - 10:12
dervish (28 Декабрь 2012 - 09:16) писал:
Действительно помогает, но тогда в Новинках и Хитах на главной странице текст тоже поднимается вверх и наезжает на картинку.
Найти кота:
#otstup {
margin-top: 90px;
}
Заменить:
#otstup {
margin-top: 55px;
}
Найти код:
.goodsListItemBlock {height:380px;width:210px;margin:5px;overflow:hidden;}
Заменить:
.goodsListItemBlock {height: 346px;width:210px;margin:5px;overflow:hidden;}
#16
dervish
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 28 Декабрь 2012 - 13:01
Не помогло. Заметил, что при поиске текст также налезает на картинку.
#17
support 2.0
-
- Модераторы
-
- 4 950 сообщений
Активный участник
Отправлено 28 Декабрь 2012 - 13:27
dervish (28 Декабрь 2012 - 13:01) писал:
Не помогло. Заметил, что при поиске текст также налезает на картинку.
Давайте тогда попробуем мой вариант:
уберите в файле main.css блок
#otstup {
margin-top: 55px;
}
теперь найдите блок
.goodsListItemName {
padding: 0px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
}
и замените его на
.goodsListItemName {
padding: 30px 3px 0.5em 3px;
margin: 0px;
max-height: 72px;
overflow: hidden;
}
#18
dervish
-
- Пользователи
-
- 88 сообщений
Продвинутый пользователь
Отправлено 03 Январь 2013 - 19:04
Все получилось. Работает. Спасибо! С новым годом!!!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных
