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


Помогите Подправить Главную


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

#1 Android

Android

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

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

Отправлено 19 Апрель 2013 - 03:29

Здравствуйте! Нужно сделать следующие правки:

Изображение

1. Удалить поиск.
2. Выстроить все разделы в один столбец с выравниванием по левому краю.
3. Удалить всё содержимое этого блока.
4. Опустить всё содержимое этого блока в подвал и сделать выравнивание текста по левому краю.
5. Увеличить шрифт номера телефона, а время работы написать под ним.
6. Растянуть блок с текстом до потолка, так, что бы пропала серая полоска.

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 19 Апрель 2013 - 04:42

1) Добавьте в ваш файл стилей main.css

.header .top-search-indent {
   display: none;
}

2) Найдите в вашем файле стилей main.css

.header .links li {
	display: block;
	float: left;
	padding-bottom: 6px;
	width: 102px;
}

и замените на

.header .links li {
	display: block;
	padding-bottom: 6px;
	width: 102px;
}

3) Добавьте в ваш файл стилей main.css

.menu_main {
   display: none;
}

4) К сожалению опустить этот блок в подвал проблематично, так как используется адаптивный дизайн. Для выравнивания текста найдите в main.css

.footer .copy {
	color: #2D2D2A;
	padding-bottom: 7px;
	text-align: center;
}

и замените на

.footer .copy {
	color: #2D2D2A;
	padding-bottom: 7px;
}

5) Найдите в вашем файле стилей main.css

.phone {
	float: left;
	font-size: 1.35em;
	vertical-align: middle;
}

и замените на

.phone {
	font-size: 2.35em;
	vertical-align: middle;
	margin-top: 5px;
}

далее найдите

.work-time {
	float: left;
	padding-left: 3px;
	vertical-align: middle;
}

и замените на

.work-time {
	float: left;
	margin-top: 10px;
	padding-left: 3px;
	vertical-align: middle;
}

6) Добавьте в ваш файл стилей main.css

.container .span8 {
   padding-top: 0 !important;
}
.cms-index-index {
   display: none;
}
.container .span7.col-main {
   margin-top: 0 !important;
}


#3 Android

Android

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

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

Отправлено 19 Апрель 2013 - 11:59

Огромное вам спасибо, всё получилось :)

1. По пункту 4, как сделать максимальный отступ в низ, этого блока, от способов оплаты?

2. Как увеличить отступ эмблемы магазина от потолка сайта?

3. Как изменить отступ по вертикали между блоками?

#4 Android

Android

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

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

Отправлено 19 Апрель 2013 - 12:09

4. Как удалить из блока 2, ссылки на корзину и каталог товаров?

#5 Stasya

Stasya

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

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

Отправлено 19 Апрель 2013 - 15:31

В бэк-офисе в разделе Сайт-> Меню. Там найдите в таблице Верхнее удалите строку с названием Корзина

#6 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Апрель 2013 - 02:07

1) Вы можете выстроить отступ добавив в файл стилей main.css

.hidden-phone {
  margin-top: 100px;
}

и изменив значение margin-top

2) Добавьте в файл стилей

.header {
  margin-top: 20px;
}

и измените margin-top на необходимое значение.

3) Пожалуйста, объясните подробнее о каких блоках идет речь.

#7 catalogck

catalogck

    Пользователь

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

Отправлено 20 Июль 2013 - 13:55

Здравствуйте.
Проделал у себя на сайте п.6 (тема Техника)
6) Добавьте в ваш файл стилей main.css

.container .span8 {
   padding-top: 0 !important;
}
.cms-index-index {
   display: none;
}
.container .span7.col-main {
   margin-top: 0 !important;
}

Сайт вверх не поднялся. А вообще исчезла вся инфо справа от бокового меню.
Что не так?
Как убрать серую полоску сверху сайта?

Спасибо

#8 miyako

miyako

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

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

Отправлено 20 Июль 2013 - 14:45

Просмотр сообщенияcatalogck (20 Июль 2013 - 13:55) писал:

Здравствуйте.
Проделал у себя на сайте п.6 (тема Техника)
6) Добавьте в ваш файл стилей main.css

.container .span8 {
   padding-top: 0 !important;
}
.cms-index-index {
   display: none;
}
.container .span7.col-main {
   margin-top: 0 !important;
}

Сайт вверх не поднялся. А вообще исчезла вся инфо справа от бокового меню.
Что не так?
Как убрать серую полоску сверху сайта?

Спасибо

Добавьте в конец файла main.css код:
.row-fluid .span7{margin:0 auto! important;}
.span8 {padding-top:0px !important;}


#9 catalogck

catalogck

    Пользователь

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

Отправлено 20 Июль 2013 - 15:26

Просмотр сообщенияmiyako (20 Июль 2013 - 14:45) писал:

Добавьте в конец файла main.css код:
.row-fluid .span7{margin:0 auto! important;}
.span8 {padding-top:0px !important;}

Большое спасибо.




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

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