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


Внести Изменения В Главную Страницу


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

#1 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 25 Ноябрь 2017 - 22:08

Здравствуйте можете мне помочь поменять дизайн я отметил на фото что нужно поменять

1) надо расширить на всю длину страницы и там поставить фатаграфию
2) нужно уменьшить слайд до выделенного размера
3) надо спустить этот блок под слайд

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

  • ывапрр.png


#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 26 Ноябрь 2017 - 10:04

Просмотр сообщенияРустем (25 Ноябрь 2017 - 22:08) писал:

Здравствуйте можете мне помочь поменять дизайн я отметил на фото что нужно поменять

1) надо расширить на всю длину страницы и там поставить фатаграфию
2) нужно уменьшить слайд до выделенного размера
3) надо спустить этот блок под слайд

Здравствуйте.
По Вашему вопросу ответили в иной ветке форума.
Просьба не дублировать Ваши вопросы.

#3 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 26 Ноябрь 2017 - 22:36

Здравствуйте
1) надо расширить на всю длину страницы я ни где не магу найти ответ на этот вопрос
2) с вторым я справился
3) с третим я тоже справился но надо теперь ее тоже расширить на всю длину экрана

#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 27 Ноябрь 2017 - 10:10

Просмотр сообщенияРустем (26 Ноябрь 2017 - 22:36) писал:

Здравствуйте
1) надо расширить на всю длину страницы я ни где не магу найти ответ на этот вопрос
2) с вторым я справился
3) с третим я тоже справился но надо теперь ее тоже расширить на всю длину экрана

Здравствуйте.
1) В шаблоне style.css найдите, пожалуйста, данный код:

.container {
	position: relative;
	width: 1200px;
	overflow: visible;
	margin: 0 auto;
	padding: 0;
}

И замените его вот этим вот кодом:

.container {
	position: relative;
	width: 100% !important;
	overflow: visible;
	margin: 0 auto;
	padding: 0;
}


#5 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 27 Ноябрь 2017 - 10:23

А что по третьему

#6 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 27 Ноябрь 2017 - 10:37

Просмотр сообщенияРустем (27 Ноябрь 2017 - 10:23) писал:

А что по третьему

Здравствуйте.
В данном случае Вам необходимо в шаблоне style.css найти следующий код:

.promo_block {
	background: #000;
	top: -0px !important;
}

И заменить его вот этим вот кодом:

.promo_block {
	background: #000;
	top: -0px !important;
	width: 100% !important;
}


Далее в том же шаблоне найдите, пожалуйста, данный код:

.promo_block li {
	display: block;
	float: left;
	color: #fff;
	padding-left: 60px;
	background: url('{ASSETS_IMAGES_PATH}icon-truck.png?design=sport') left top no-repeat;
	margin: 10px 20px;
	width: 14%;
}

И замените его этим вот кодом:

.promo_block li {
	display: inline-block;
	color: #fff;
	padding-left: 60px;
	background: url('{ASSETS_IMAGES_PATH}icon-truck.png?design=sport') left top no-repeat;
	margin: 10px 20px;
	width: 19.6%;
}


#7 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 27 Ноябрь 2017 - 14:42

по первому у меня нет такого кода
по третьему тоже нет такого кода

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 27 Ноябрь 2017 - 15:02

Просмотр сообщенияРустем (27 Ноябрь 2017 - 14:42) писал:

по первому у меня нет такого кода
по третьему тоже нет такого кода

Первый требуемый Вам код данного типа:

.promo_block {
background: #000;
top: -0px !important;
}

Находится в шаблоне style.css на 183-й строке.
Второе же код следующего типа:

.promo_block li {
display: block;
float: left;
color: #fff;
padding-left: 60px;
background: url('{ASSETS_IMAGES_PATH}icon-truck.png?design=sport') left top no-repeat;
margin: 10px 20px;
width: 14%;
}

Находится в шаблоне style.css на 184-й строке.
Проверьте, пожалуйста.

#9 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 27 Ноябрь 2017 - 20:48

Спасибо я ве сделал но теперь появились другие проблемы
1 надо что бы промоблок выглядел как на втором фото
2 надо этот блок вернуть на место как показано на фото три

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

  • вапро.png
  • вапроне.png
  • ывапроотл.png


#10 Рустем

Рустем

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

  • Пользователи
  • PipPip
  • 35 сообщений
  • ГородБирск

Отправлено 28 Ноябрь 2017 - 16:25

Здравствуйте мне на мой вопрос кто нибудь ответит ?

#11 metry

metry

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

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

Отправлено 10 Декабрь 2017 - 20:51

Добрый день. Извините за долгое ожидание. Для внесения изменений зайдите в Редактор шаблонов-->style.css и в конец кода вставьте:
@media only screen and (min-width: 1200px) {
.promo_block li { display: inline-block; color: #fff; background: url('{ASSETS_IMAGES_PATH}icon-truck.png?design=sport') center top no-repeat; margin: 10px 0px; width: 24%; padding-top: 0px; background-position-x:10%; height:60px;}
.promo_block li.box-2 {background-position: center -235px;background-position-x: 10%;}
.promo_block li.box-3 {background-position: center -110px;background-position-x: 10%;}
.promo_block li.box-4 {background-position: center -370px;background-position-x: 10%;}
.promo_block li h3 {font-size: 20px;font-weight: normal;margin: 0;color: #fff;padding: 0;text-align:left;margin-left:30%}
.promo_block li p {padding-bottom: 5px;text-align:left;margin-left:30%}
}


#12 евгений кимаев

евгений кимаев

    Новичок

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

Отправлено 09 Сентябрь 2019 - 17:28

здра

#13 Vaccina

Vaccina

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

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

Отправлено 17 Сентябрь 2019 - 06:25

Здравствуйте.

Чем можем вам помочь?




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

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