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


Поправка Шаблона Новогодний


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

#81 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 23 Август 2017 - 10:30

Просмотр сообщенияИрина345 (23 Август 2017 - 10:12) писал:

Здравствуйте, найдите в файле main.css
@media all and (max-width: 641px) {
после вставьте
#banner .item .image { width: 76px;}
#banner .item .text h2 {font-size: 124%;}
Сам блок нужно по ширине экрана как главный, текст меньше что бы влазил между стрелками и расстановку сделать как написал на фото. на 3 фото все не чего только текст меньше и между стрелок .
стрелки выровнять по центру, и ближе к краям.

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

  • 1.JPG
  • 2.JPG
  • 3.JPG


#82 Ирина345

Ирина345

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

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

Отправлено 23 Август 2017 - 10:34

Просмотр сообщенияbscgroup (23 Август 2017 - 10:30) писал:

Сам блок нужно по ширине экрана как главный, текст меньше что бы влазил между стрелками и расстановку сделать как написал на фото. на 3 фото все не чего только текст меньше и между стрелок .
стрелки выровнять по центру, и ближе к краям.
найдите в файле main.css
@media all and (max-width: 641px) {
после вставьте
#banner .item .image {
	display: block;
	margin: 0 auto;
}


#83 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 23 Август 2017 - 10:45

Просмотр сообщенияИрина345 (23 Август 2017 - 10:34) писал:

найдите в файле main.css
@media all and (max-width: 641px) {
после вставьте
#banner .item .image {
display: block;
margin: 0 auto;
}
Мне нужно что бы стрелки были ближе к краям, и тест в середине. но раз картинки такие то помогите с лева поставить картинку а с права текст выровненный по центру как на картинках 1, 2, 3 соответственно что бы вошло текст можно меньше примерно как на фото во вложении
и блок сделать по ширине как главный и размер картинок примерно одинаковый

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

  • 1.JPG
  • 2.JPG
  • 3.JPG


#84 Ирина345

Ирина345

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

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

Отправлено 23 Август 2017 - 11:00

Просмотр сообщенияbscgroup (23 Август 2017 - 10:45) писал:

Мне нужно что бы стрелки были ближе к краям, и тест в середине. но раз картинки такие то помогите с лева поставить картинку а с права текст выровненный по центру как на картинках 1, 2, 3 соответственно что бы вошло текст можно меньше примерно как на фото во вложении
и блок сделать по ширине как главный и размер картинок примерно одинаковый
Найдите в файле main.css
#banner .item .image {display: block;margin: 0 auto;}
#banner .item .image {  width: 76px;}
замените на
#banner .navigation .next { right: -25px;}
#banner .navigation .prev { left: -25px;}
#banner .item .image {
	display: inline-block;
	margin: 0 auto;
}
#banner .item .image {
	width: 71px;   margin-right: 7px;
	margin-left: 21px;
}
#banner .item {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 14px;
}
#banner .navigation a {  top: 11%; }


#85 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 23 Август 2017 - 11:37

Просмотр сообщенияИрина345 (23 Август 2017 - 11:00) писал:

Найдите в файле main.css
#banner .item .image {display: block;margin: 0 auto;}
#banner .item .image { width: 76px;}
замените на
#banner .navigation .next { right: -25px;}
#banner .navigation .prev { left: -25px;}
#banner .item .image {
display: inline-block;
margin: 0 auto;
}
#banner .item .image {
width: 71px; margin-right: 7px;
margin-left: 21px;
}
#banner .item {
display: flex;
justify-content: center;
align-items: center;
padding: 0 14px;
}
#banner .navigation a { top: 11%; }
Спасибо. Осталось стрелки выронить по середине и текст в виде перевернутой пирамиды(разметка) все содержимое в банере выровнить по цередине

#86 Ирина345

Ирина345

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

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

Отправлено 23 Август 2017 - 11:44

Просмотр сообщенияbscgroup (23 Август 2017 - 11:37) писал:

Спасибо. Осталось стрелки выронить по середине и текст в виде перевернутой пирамиды(разметка) все содержимое в банере выровнить по цередине
найдите в файле main.css
@media all and (max-width: 641px) {

после вставьте
#banner .item .text { text-align: center;}

Что бы отцентрировать стрелки измените показатель 11% в коде из инструкции выше.

#87 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 23 Август 2017 - 12:31

Просмотр сообщенияИрина345 (23 Август 2017 - 11:44) писал:

найдите в файле main.css
@media all and (max-width: 641px) {

после вставьте
#banner .item .text { text-align: center;}

Что бы отцентрировать стрелки измените показатель 11% в коде из инструкции выше.
спасибо, а как содержимое банера от центровать то и текст сделать ближе к картинке что йбы не налазил на стрелку )))) заранее спасибо
да и подскажите как отступ убавить после этого банера до каталога

#88 metry

metry

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

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

Отправлено 24 Август 2017 - 09:40

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#banner .item .text h2 {font-size: 40px;color: #000;text-transform: none;line-height: 1;max-height: 80px;overflow: hidden;}

замените на:

#banner .item .text h2 {font-size: 40px;color: #000;text-transform: none;line-height: 1;max-height: 80px;overflow: hidden;width: 90%;}

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

#banner {position: relative;margin-top: -94px;padding-bottom: 50px;}

замените на:

#banner {position: relative;margin-top: 10px;padding-bottom: 20px;}


#89 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 10:33

Просмотр сообщенияmetry (24 Август 2017 - 09:40) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#banner .item .text h2 {font-size: 40px;color: #000;text-transform: none;line-height: 1;max-height: 80px;overflow: hidden;}

замените на:

#banner .item .text h2 {font-size: 40px;color: #000;text-transform: none;line-height: 1;max-height: 80px;overflow: hidden;width: 90%;}

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

#banner {position: relative;margin-top: -94px;padding-bottom: 50px;}

замените на:

#banner {position: relative;margin-top: 10px;padding-bottom: 20px;}
Спасибо, только можно там где про доставку сделать выравнивание по центру и в 2 строчки

#90 metry

metry

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

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

Отправлено 24 Август 2017 - 11:07

в main.css найдите:
#banner .item .text { text-align: center;}

замените на:

#banner .item .text {text-align: center;width: 60%;}


#91 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 14:09

Просмотр сообщенияmetry (24 Август 2017 - 11:07) писал:

в main.css найдите:
#banner .item .text { text-align: center;}

замените на:

#banner .item .text {text-align: center;width: 60%;}
поменял, но, отцентровка так и не получилась помогите отцентровать и картинки и текст пропорционально ((

#92 metry

metry

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

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

Отправлено 24 Август 2017 - 15:40

К сожалению, картинки на баннере имеют разные размеры. Вам необходимо первым шагом их отредактировать в каком-нибудь редакторе изображений: задайте для них одинаковый размер и удалите лишние пустоты по краям.

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

  • delivery.png


#93 bscgroup

bscgroup

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

  • Пользователи
  • PipPipPipPip
  • 285 сообщений
  • ГородЕкатеринбург

Отправлено 24 Август 2017 - 15:45

Просмотр сообщенияmetry (24 Август 2017 - 15:40) писал:

К сожалению, картинки на баннере имеют разные размеры. Вам необходимо первым шагом их отредактировать в каком-нибудь редакторе изображений: задайте для них одинаковый размер и удалите лишние пустоты по краям.
Понял. Спасибо большое

#94 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

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

Помогите ,пожалуйста, чайнику внести поправки( и хорошо бы попонятнее, для тех, кто в танке)
Хотела вставить скрин и не понимаю как  -Help!!!!

#95 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

Отправлено 10 Ноябрь 2018 - 17:21

сообразила,вот

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

  • Screenshot_1.png
  • Всем_Подарки_#2_brand_usage_#1_created_by_logaster.png


#96 RayLi

RayLi

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

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

Отправлено 10 Ноябрь 2018 - 20:18

Просмотр сообщенияkayur (10 Ноябрь 2018 - 17:21) писал:

сообразила,вот

Здравствуйте.
Что бы изменить стандартное изображение логотипа на своё, Вам необходимо создать изображение с название (логотипом) магазина. Чтобы добавить данное изображение на сайт выполните следующие действия:

1. Зайдите в раздел «Сайт» -> «Редактор шаблонов».

2. Найдите в левом меню изображение с именем "logo.png".

3. Открываем и заменяем на своё изображение.

4. Далее обязательно чистим кэш вашего браузера и проверяем результат.

#97 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

Отправлено 10 Ноябрь 2018 - 21:54

Спасибо, это сделала.И ещё :  в шапке надо убрать шарики новогодние, слово "новогодние" а слово "подарки" подвинуть на середину строки

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

  • Screenshot_2.png


#98 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

Отправлено 12 Ноябрь 2018 - 20:06

Что-то никто не не отвечает, этак я до весны буду делать. Ребятаааа! Help!!!

#99 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

Отправлено 12 Ноябрь 2018 - 20:30

Помогите пожалуйста изменить.

Помогите пожалуйста изменить.Аккаунт SL-460492

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

  • Screenshot_3.png
  • Screenshot_7.png


#100 kayur

kayur

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

  • Пользователи
  • PipPip
  • 10 сообщений
  • ГородСанкт-Петербург

Отправлено 15 Ноябрь 2018 - 10:55

ааааууууу!!!!!




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

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