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


Мобильная Версия Сайта

Автор bscgroup, 15 июля 2017 01:32

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

#21 bscgroup

bscgroup

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

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

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

Просмотр сообщенияVaccina (20 Июль 2017 - 07:18) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
		 font-family: Monotype Corsiva;
		 font-size: 12px;
}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
		 width: 32%;
		 clear: none;
}
замените на:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
		 font-family: Monotype Corsiva;
		 font-size: 12px;
	overflow: hidden;
		 white-space: nowrap;
}
#footer .footer-top .row > .col-md-6:nth-child(2) .title{
text-indent: -60px;
}
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
		 width: 32%;
		 clear: none;
position: inherit;
}
.container {
	position: relative;
}


Далее найдите:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 200px;
left: 0;
}

замените на:
#footer ul.links, #footer .block-contact {
	position: absolute;
	border: 1px solid #F50056;
	padding: 10px;
	background: #FFF9E8;
	z-index: 10;
	width: 90%;
	left: 10px;
	right: 10px;
}

Результат:
Прикрепленный файл Скриншот сделанный 2017-07-20 в 11.18.20.png
Если заходить с телефона или планшета шрифт стандартный при нажатии на кнопку любую рамка не равномерно открывается (на фото видно как) и личный кабинет не влазит - видно только ичный кабинет))) и кнопку меню нужно по середине, шрифт кнопок больше. Заранее спасибо

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

  • Screenshot_2017-07-20-16-17-15.png

#22 bscgroup

bscgroup

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

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

Отправлено 20 Июль 2017 - 19:17

??

Заранее спасибо

#23 Vaccina

Vaccina

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

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

Отправлено 21 Июль 2017 - 07:32

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -60px;
}


замените на:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}


далее найдите:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 90%;
left: 10px;
right: 10px;
}


замените на:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}

Скриншот сделанный 2017-07-21 в 11.32.45.png

#24 bscgroup

bscgroup

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

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

Отправлено 21 Июль 2017 - 10:34

Просмотр сообщенияVaccina (21 Июль 2017 - 07:32) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -60px;
}


замените на:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}


далее найдите:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
width: 90%;
left: 10px;
right: 10px;
}


замените на:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}

Прикрепленный файл Скриншот сделанный 2017-07-21 в 11.32.45.png
Добрый день, при нажатии на кнопку контакты рамку уводит в право. И текст все еще обычный. Можно пожалуйста текст чуть больше я про кнопки и в рамке жирный.
Извините что мусолю так долго(((( хочется что бы сайт хороший получился.
Заранее спасибо

#25 bscgroup

bscgroup

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

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

Отправлено 21 Июль 2017 - 12:09

??

#26 Vaccina

Vaccina

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

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

Отправлено 22 Июль 2017 - 08:04

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
#footer .block-contact {
right: 0;
}

далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
}


замените на:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
}


далее найдите:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}


замените на:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
font-weight: bold;
}


далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
				 width: 32%;
				 clear: none;
position: inherit;
}

после него пропишите:
#footer .footer-top .row > .col-md-6:nth-child(1){width: 27%;}
#footer .footer-top .row > .col-md-6:nth-child(3){width: 37%;}

далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}

замените на:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -74px;
display: block;
overflow: hidden;
width: 80px;
margin: 0 auto;
}

Результат:
Скриншот сделанный 2017-07-22 в 12.03.19.png

#27 bscgroup

bscgroup

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

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

Отправлено 23 Июль 2017 - 16:41

Просмотр сообщенияVaccina (22 Июль 2017 - 08:04) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите и удалите:
#footer .block-contact {
right: 0;
}

далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
}


замените на:
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
}


далее найдите:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
}


замените на:
#footer ul.links, #footer .block-contact {
position: absolute;
border: 1px solid #F50056;
padding: 10px;
background: #FFF9E8;
z-index: 10;
left: 10px;
right: 10px;
font-weight: bold;
}


далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(1), #footer .footer-top .row > .col-md-6:nth-child(2), #footer .footer-top .row > .col-md-6:nth-child(3) {
				 width: 32%;
				 clear: none;
position: inherit;
}

после него пропишите:
#footer .footer-top .row > .col-md-6:nth-child(1){width: 27%;}
#footer .footer-top .row > .col-md-6:nth-child(3){width: 37%;}

далее найдите:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -64px;
display: block;
overflow: hidden;
width: 70px;
margin: 0 auto;
}

замените на:
#footer .footer-top .row > .col-md-6:nth-child(2) .title {
text-indent: -74px;
display: block;
overflow: hidden;
width: 80px;
margin: 0 auto;
}

Результат:
Прикрепленный файл Скриншот сделанный 2017-07-22 в 12.03.19.png
В слове контакт "ы" не влазит и шрифт стандартный. Я захожу с телефона не с компа. на компе при этом же разрешении шрифт как и хочу.

#28 metry

metry

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

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

Отправлено 23 Июль 2017 - 19:26

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}

и после него вставьте:

.footer-top .lk_footer, .footer-top .menu_footer, .footer-top .contacts{
	padding-left: 2px;
	padding-right: 2px;
   }

далее в конец main.css вставьте:

@media all and (max-width: 300px) {
	 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
	font-family: Monotype Corsiva;
	font-size: 12px;

}
}

- по поводу шрифта, уточните, пожалуйста, его точное название.

#29 bscgroup

bscgroup

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

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

Отправлено 23 Июль 2017 - 19:37

Просмотр сообщенияmetry (23 Июль 2017 - 19:26) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
#footer .callback h3.title {margin: 0 0 10px;font-size:14px;text-align:center;width:100%;}

и после него вставьте:

.footer-top .lk_footer, .footer-top .menu_footer, .footer-top .contacts{
padding-left: 2px;
padding-right: 2px;
}

далее в конец main.css вставьте:

@media all and (max-width: 300px) {
	 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;

}
}

- по поводу шрифта, уточните, пожалуйста, его точное название.
Monotype Corsiva, после ваших изменений не чего не изменилось

#30 metry

metry

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

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

Отправлено 23 Июль 2017 - 20:19

в main.css найдите:
@media all and (max-width: 300px) {
		 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;
}
}

замените на:

@media all and (max-width: 300px) {
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
	 font-family: Monotype Corsiva;
	 font-size: 10px;
}
}

далее зайдите в Редактор шаблонов-->HTML и найдите:

<link href="https://fonts.googleapis.com/css?family=Oranienbaum&amp;subset=cyrillic" rel="stylesheet">

после него вставьте:
	 <style type="text/css">
	 @font-face {
		 font-family: 'Monotype Corsiva';
		 src: url('/design/Monotype-Corsiva.ttf');
		 font-weight: normal;
		 font-style: normal;
	 }
	 </style>

далее скачайте запакованный файл шрифта из вложения, разархивируйте его у себя на компьютере. Далее через кнопку Добавить файлы в Редакторе шаблонов, загрузите файл шрифта на сайт.

Прикрепленные файлы


#31 bscgroup

bscgroup

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

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

Отправлено 23 Июль 2017 - 20:37

Просмотр сообщенияmetry (23 Июль 2017 - 20:19) писал:

в main.css найдите:
@media all and (max-width: 300px) {
		 #footer .footer-top .row > .col-md-6:nth-child(3) .title {
font-family: Monotype Corsiva;
font-size: 12px;
}
}

замените на:

@media all and (max-width: 300px) {
#footer .footer-top .row > .col-md-6:nth-child(1) .title, #footer .footer-top .row > .col-md-6:nth-child(2) .title, #footer .footer-top .row > .col-md-6:nth-child(3) .title {
	 font-family: Monotype Corsiva;
	 font-size: 10px;
}
}

далее зайдите в Редактор шаблонов-->HTML и найдите:

<link href="https://fonts.googleapis.com/css?family=Oranienbaum&amp;subset=cyrillic" rel="stylesheet">

после него вставьте:
	 <style type="text/css">
	 @font-face {
		 font-family: 'Monotype Corsiva';
		 src: url('/design/Monotype-Corsiva.ttf');
		 font-weight: normal;
		 font-style: normal;
	 }
	 </style>

далее скачайте запакованный файл шрифта из вложения, разархивируйте его у себя на компьютере. Далее через кнопку Добавить файлы в Редакторе шаблонов, загрузите файл шрифта на сайт.
Огромное спасибо!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

#32 bscgroup

bscgroup

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

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

Отправлено 28 Июль 2017 - 16:46

Ошибка на мобильной версии и на полной тоже

Помогите решить

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

  • Screenshot_2017-07-28-18-39-57-201_com.android.chrome.png

#33 Mr.Nito

Mr.Nito

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

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

Отправлено 28 Июль 2017 - 19:09

Просмотр сообщенияbscgroup (28 Июль 2017 - 16:46) писал:

Ошибка на мобильной версии и на полной тоже

Помогите решить
Ошибка из-за скрипта в шаблоне HTML  55-78 строка
После его скрытия ошибка пропала.
Обратно в Изменение общей стилистики


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Новогодний
  5. → Изменение общей стилистики
  6. Privacy Policy