Автор Тема: PrestaShop 1.6 Иконка Поделиться на Facebook.  (Прочитано 2059 раз)

01 Ноябрь 2014, 00:55:07
  • Фрилансер
  • *
  • Сообщений: 139
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Всем привет!
Бррр... Не могу понять, где править. Хочу выравнять. Что бы всё параллельно и перпендикулярно было. См. рисунок.
01 Ноябрь 2014, 11:16:39
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Используйте FireFox + Firebug + F12 и не будет таких проблем.
Открыли консоль в браузере, выделили элемент, сразу в браузере попробывали менять стили. Когда результат устроил перенести стили в файл.
01 Ноябрь 2014, 13:15:44
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 139
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Adik, спасибо за ответ! Пытался так сделать, только не стили менять, а найти путь к иконке и сделать её пошире, т.к. это, имхо, лучший способ, чем редактировать стили. Как найти эту иконку? Не могу найти.
01 Ноябрь 2014, 15:04:34
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 1090
  • Репутация: +5/-1
  • Иногда заглядываю
    • Просмотр профиля
    • Помощь патентообладателям по продаже патентов.
Эта фраза вместе со значком подгружается с сайта фейсбук,
надо целиком ее переделать и создать свой значек, который
будет храниться на вашем сайте тогда получится.
Не боги горшки обжигают, не зачем им такой хренью заниматься.
01 Ноябрь 2014, 16:22:22
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 139
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Vasiy, спасибо за ответ! Ого! Бррр... Понял... Мне не сделать это. Оставлю как есть.
01 Ноябрь 2014, 18:27:25
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Там не иконка, а символ из шрифта. Сделай как советывал Adik, установи Firebug и не мучайся. Ткнул на эту ссылку и видишь, файл стилей /themes/default-bootstrap/css/product.css строка 264
#usefull_link_block li#left_share_fb a:before {
        content: "\f09a";
}
01 Ноябрь 2014, 20:35:05
Ответ #6
  • Фрилансер
  • *
  • Сообщений: 139
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Mr.Sen, спасибо за ответ! Добавил это padding-left: 12px; сюда:
#usefull_link_block li#left_share_fb {
      clear: both;
      float: none;
      padding-left: 12px; }
Хотел эФ-ку сдвинуть влево, выровнять посередине, не получилось. Но, ничего. Итак, хорошо. :)
01 Ноябрь 2014, 20:42:12
Ответ #7
  • Фрилансер
  • *
  • Сообщений: 139
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
А, хотя, получилось... :)
Добавил это margin: 0 0 0 -7px; сюда:
#usefull_link_block li#left_share_fb a:before {
        content: "\f09a";
        margin: 0 0 0 -7px; }
Всем спасибо!!!

P.S. Не в ту ветку запостил. Перенесите, пжлста.