PrestaShop 1.6 Иконка Поделиться на Facebook.

Автор MXM, 01 ноября 2014, 00:55:07

« назад - далее »

MXM

Всем привет!
Бррр... Не могу понять, где править. Хочу выравнять. Что бы всё параллельно и перпендикулярно было. См. рисунок.

Adik

Используйте FireFox + Firebug + F12 и не будет таких проблем.
Открыли консоль в браузере, выделили элемент, сразу в браузере попробывали менять стили. Когда результат устроил перенести стили в файл.

MXM

Adik, спасибо за ответ! Пытался так сделать, только не стили менять, а найти путь к иконке и сделать её пошире, т.к. это, имхо, лучший способ, чем редактировать стили. Как найти эту иконку? Не могу найти.

Vasiy

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

MXM

Vasiy, спасибо за ответ! Ого! Бррр... Понял... Мне не сделать это. Оставлю как есть.

Mr.Sen

Там не иконка, а символ из шрифта. Сделай как советывал Adik, установи Firebug и не мучайся. Ткнул на эту ссылку и видишь, файл стилей /themes/default-bootstrap/css/product.css строка 264
#usefull_link_block li#left_share_fb a:before {
        content: "\f09a";
}

MXM

#6
Mr.Sen, спасибо за ответ! Добавил это padding-left: 12px; сюда:

#usefull_link_block li#left_share_fb {
      clear: both;
      float: none;
      padding-left: 12px; }

Хотел эФ-ку сдвинуть влево, выровнять посередине, не получилось. Но, ничего. Итак, хорошо. :)

MXM

#7
А, хотя, получилось... :)
Добавил это margin: 0 0 0 -7px; сюда:

#usefull_link_block li#left_share_fb a:before {
        content: "\f09a";
        margin: 0 0 0 -7px; }

Всем спасибо!!!

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