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


Создание Фона Для Всех Страниц Шаблон Движение

Фон

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

#21 Firefly

Firefly

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

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

Отправлено 30 Апрель 2015 - 11:25

Просмотр сообщенияiGuana (30 Апрель 2015 - 11:13) писал:

сейчас не влезает четвертая колонка товара

В style.css в коде:
.container .twelve.columns {
width: 870px;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
padding-right: 10px;
}
Измените значение width: 870px; на 880px

#22 iGuana

iGuana

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

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

Отправлено 30 Апрель 2015 - 11:28

Просмотр сообщенияFirefly (30 Апрель 2015 - 11:25) писал:

В style.css в коде:
.container .twelve.columns {
width: 870px;
z-index: 1000000;
overflow: visible;
margin-top: 20px;
padding-right: 10px;
}
Измените значение width: 870px; на 880px

уже поменял сам )))
а как быть с этим?

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

  • 1 (1).png


#23 Cupuyc

Cupuyc

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

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

Отправлено 30 Апрель 2015 - 12:12

Просмотр сообщенияiGuana (30 Апрель 2015 - 11:28) писал:

уже поменял сам )))
а как быть с этим?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden-tablet {display: none !important;}
.container {width: 460px;}
.container .column, .container .columns {margin-left: 5px;margin-right: 5px;}
.columns.alpha {margin-left: 0;margin-right: 5px;}
.columns.omega {margin-right: 0;margin-left: 5px;}
.alpha.omega {margin-left: 0;margin-right: 0;}
.container .two.columns {width: 200px;}
.container .four.columns {width: 100%;}
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}

Замените его на:
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden-tablet {display: none !important;}
.container {width: 460px;}
.container .column, .container .columns {margin-left: 5px;margin-right: 5px;}
.columns.alpha {margin-left: 0;margin-right: 5px;}
.columns.omega {margin-right: 0;margin-left: 5px;}
.alpha.omega {margin-left: 0;margin-right: 0;}
.container .two.columns {width: 200px;}
.container .four.columns {width: 100%;}
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
.container .twelve.columns {padding-right: 0px!important;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hidden-tablet {display: none !important;}
  .container								  { width: 747px;}
  .container .columns						 { margin-left: 10px; margin-right: 10px;  }
  .columns.alpha			   { margin-left: 0; margin-right: 10px; }
  .columns.omega			   { margin-right: 0; margin-left: 10px; }
  .alpha.omega								{ margin-left: 0; margin-right: 0; }
  .container .two.columns					 { width: 76px; }
  .container .four.columns					{ width: 172px; }

Замените его на:
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .hidden-tablet {display: none !important;}
  .container								  { width: 747px;}
  .container .columns						 { margin-left: 10px; margin-right: 10px;  }
  .columns.alpha			   { margin-left: 0; margin-right: 10px; }
  .columns.omega			   { margin-right: 0; margin-left: 10px; }
  .alpha.omega								{ margin-left: 0; margin-right: 0; }
  .container .two.columns					 { width: 76px; }
  .container .four.columns					{ width: 165px; }

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }
  .container .columns,
  .container .column { margin: 0; }
  .container .two.columns,
  .container .four.columns,
  .container .five.columns,
  .container .twelve.columns  { width: 300px; }

Замените его на:
@media only screen and (max-width: 479px) {
  .hidden-phone {display: none !important;}
  .container { width: 300px; }
  .container .columns,
  .container .column { margin: 0; }
  .container .two.columns,
  .container .four.columns,
  .container .five.columns,
  .container .twelve.columns  { width: 300px; padding: 0px!important }


#24 iGuana

iGuana

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

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

Отправлено 30 Апрель 2015 - 15:53

как прибавить отступ слева?

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

  • 1.png
  • 2.png


#25 Cupuyc

Cupuyc

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

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

Отправлено 30 Апрель 2015 - 16:06

Просмотр сообщенияiGuana (30 Апрель 2015 - 15:53) писал:

как прибавить отступ слева?

Пожалуйста проведите изменения в соответствии с предыдущей инструкцией для продолжения.

#26 iGuana

iGuana

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

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

Отправлено 30 Апрель 2015 - 16:09

Просмотр сообщенияCupuyc (30 Апрель 2015 - 16:06) писал:

Пожалуйста проведите изменения в соответствии с предыдущей инструкцией для продолжения.

так уже все сделано

#27 Cupuyc

Cupuyc

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

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

Отправлено 30 Апрель 2015 - 16:38

Просмотр сообщенияiGuana (30 Апрель 2015 - 15:53) писал:

как прибавить отступ слева?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden-tablet {display: none !important;}
.container {width: 460px;}
.container .column, .container .columns {margin-left: 5px;margin-right: 5px;}
.columns.alpha {margin-left: 0;margin-right: 5px;}
.columns.omega {margin-right: 0;margin-left: 5px;}
.alpha.omega {margin-left: 0;margin-right: 0;}
.container .two.columns {width: 200px;}
.container .four.columns {width: 100%;}
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
.container .twelve.columns {padding-right: 0px!important;}

Замените его на:
@media only screen and (min-width: 480px) and (max-width: 767px) {
.hidden-tablet {display: none !important;}
.container {width: 460px;}
.container .column, .container .columns {margin-left: 5px;margin-right: 5px;}
.columns.alpha {margin-left: 0;margin-right: 5px;}
.columns.omega {margin-right: 0;margin-left: 5px;}
.alpha.omega {margin-left: 0;margin-right: 0;}
.container .two.columns {width: 200px;}
.container .four.columns {width: 100%;}
.container .five.columns, .container .twelve.columns {width: 460px;margin:0;}
.container .twelve.columns {padding-right: 0px!important;}
.main_general {margin-left: 19px;!important;}
.breadcrumbs_box {margin-left: 10px;!important;}

В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> style.css найдите код:
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .two.columns,
.container .four.columns,
.container .five.columns,
.container .twelve.columns { width: 300px; padding: 0px!important }

Замените его на:
@media only screen and (max-width: 479px) {
.hidden-phone {display: none !important;}
.container { width: 300px; }
.container .columns,
.container .column { margin: 0; }
.container .two.columns,
.container .four.columns,
.container .five.columns,
.container .twelve.columns { width: 300px; padding: 0px!important }
.main_general {margin-left: 19px;!important;}
.breadcrumbs_box {margin-left: 10px;!important;}






Темы с аналогичным тегами Фон

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

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