Проблема с шаблонов

  • 8 Ответов
  • 285 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

kosty@

  • Осваиваюсь на форуме
  • ***
  • 30
  • 0
Проблема с шаблонов
« : 21.03.2016, 17:57:37 »
Есть шаблончик dd eshopper 59.
Проблема связана с logo а именно не могу найти где отредактировать начальный отступ с лева. Прописан скорее всего через скрипт т.к. значение меняется в зависимости от размера окна браузера.

*

kosty@

  • Осваиваюсь на форуме
  • ***
  • 30
  • 0
Re: Проблема с шаблонов
« Ответ #1 : 21.03.2016, 19:22:29 »
для примера сайт: cnum.texpit.ru
чтоб подвинуть вправо логотип пришлось временно воткнуть костыль в CSS
Код: css
padding-left: 250px;

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Проблема с шаблонов
« Ответ #2 : 21.03.2016, 19:47:59 »
Зачем вам искать, где прописано это правило? Просто переопределите его.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

kosty@

  • Осваиваюсь на форуме
  • ***
  • 30
  • 0
Re: Проблема с шаблонов
« Ответ #3 : 21.03.2016, 21:19:08 »
Зачем вам искать, где прописано это правило? Просто переопределите его.
а не подскажете каким образом можно это сделать?

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Проблема с шаблонов
« Ответ #4 : 22.03.2016, 13:01:50 »
Открываете css-файл шаблона (или любой другой) и пишите в конце свои правила с селектором большей специфичности. Подробнее.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

kosty@

  • Осваиваюсь на форуме
  • ***
  • 30
  • 0
Re: Проблема с шаблонов
« Ответ #5 : 22.03.2016, 17:48:26 »
Открываете css-файл шаблона (или любой другой) и пишите в конце свои правила с селектором большей специфичности. Подробнее.
Насчет important я в курсе. Немного наверно не поняли меня.
Если я пропишу для элемента logo в CSS left: 200px !important; то логотип станет неподвижным, а шаблон оптимизирован под масштабирование, т.е. логотип динамичен и при изменение окна у него значение left меняется.

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Проблема с шаблонов
« Ответ #6 : 22.03.2016, 18:09:20 »
Так вы оберните правила в media queries. Каждому диапазону разрешений — свой стиль.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!

*

kosty@

  • Осваиваюсь на форуме
  • ***
  • 30
  • 0
Re: Проблема с шаблонов
« Ответ #7 : 22.03.2016, 18:41:39 »
Так вы оберните правила в media queries. Каждому диапазону разрешений — свой стиль.
@media all and (?) вместо вопросов подскажете что указать для того чтоб приметить стиль для стиля во весь экран на компьютере?

*

Shustry

  • Moderator
  • *****
  • 6426
  • 733
  • Рисую дизайны
Re: Проблема с шаблонов
« Ответ #8 : 22.03.2016, 19:09:20 »
Код: css
  /* Default Width: */
  .container { width: 940px; margin: 0 auto; }

  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {}

  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {}

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {}

  /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {}

Соответственно, для больших экранов это будет:

Код: css
@media only screen and (max-width: 959px) {
   .block {
      padding:50px;
   }
}
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!