Автор Тема: Если логотип по центру, то съезжают иконки фото и платежных систем  (Прочитано 879 раз)

09 Декабрь 2016, 09:05:46
  • Фрилансер
  • *
  • Сообщений: 223
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Доброе утро, Престашопцы)))

Если логотип по центру, то съезжают иконки фото и платежных систем http://prntscr.com/dh6iyq

 Вот так я вписывала в коде, в файле global.css http://prntscr.com/dh6ie2   
mg {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 10px 10px 0 0;
  margin-left: 450px;}

КАК быть? По логике я понимаю, что эти блоки: логотип, фото и платеж системы связаны, значит их нужно отделить.  Что же мне прописать, чтобы управлять только логотипом?

Подскажите пожалуйста))))
09 Декабрь 2016, 12:13:15
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86694
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
.header-container  img { /* правила действуют только в шапке */ }
#columns img { /* правила действуют только центральной колонке */ }
09 Декабрь 2016, 15:28:41
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 223
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
.header-container  img { /* правила действуют только в шапке */ }
#columns img { /* правила действуют только центральной колонке */ }

Спасибо, а это мне в global.css нужно прописать да? И именно две строчки эти?
09 Декабрь 2016, 15:34:52
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16676
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Новые правила css добавляют в конце файла, так как они могут переопределять уже существующие.
12 Декабрь 2016, 08:02:23
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 223
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
.header-container  img { /* правила действуют только в шапке */ }
#columns img { /* правила действуют только центральной колонке */ }

Сделала все как вы сказали, логотип ушел в центр и все остальные элементы (фото, иконки платежных систем) съехали.
В конце файла global.css ввела вот такой код, что делаю не так? А еще плюс логотип перестает быть кликабельным, вообще нет реакции, а если кликаю на пустое место, там где он был, то все работает.
.header-container  img {
left:450px; }
12 Декабрь 2016, 08:35:38
Ответ #5
  • Фрилансер
  • *
  • Сообщений: 223
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Новые правила css добавляют в конце файла, так как они могут переопределять уже существующие.
А нет, у меня оказывается вообще ничего не сдвинулось, могли бы пример привести что конкретно писать внутри скобок, а то у меня нет реакции. А то что до этого двигалось, я забыла удалить строку.
12 Декабрь 2016, 12:26:25
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 16676
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Пример я привел, в файле global.css смотрите как составляют правила css. Конкретные правила зависят от вашей темы.