Как добавить текст под Font Awesome иконки переносного нижнего колонтитула в Storefront? - PullRequest
Новая
       39

Как добавить текст под Font Awesome иконки переносного нижнего колонтитула в Storefront?

0 голосов
/ 31 декабря 2018

Я настраиваю тему Storefront.Панель нижнего колонтитула в Storefront отображает ссылки на мобильных устройствах.Однако теперь он просто показывает значки Font Awesome (не включая текст).Как включить текст в иконки Font Awesome в этом случае?

Я пытался редактировать некоторые коды, но строка поиска появилась как ошибка в панели нижнего колонтитула портативного компьютера.

Добавлены коды Phpto functions.php: 

add_filter( 'storefront_handheld_footer_bar_links', 'jk_add_home_link' );
function jk_add_home_link( $links ) {
$new_links = array(
    'home' => array(
        'priority' => 10,
        'callback' => 'jk_home_link',
    ),
);

$links = array_merge( $new_links, $links );

return $links;
}

function jk_home_link() {
echo '<a href="' . esc_url( home_url( '/' ) ) . '">' . __( 'Home' ) . '</a>';
}

CSS: 

.storefront-handheld-footer-bar ul li.home > a:before {
content: "\f015";
}

Текст «Домой» не будет отображаться, если я использую вышеуказанные коды.Как отобразить его под значком Font Awesome?

1 Ответ

0 голосов
/ 02 января 2019

Ваш код в порядке, но текст скрыт этим объявлением свойства: 

.storefront-handheld-footer-bar ul li > a {
text-indent: -9999px;
}

поиграйте с отступом, чтобы расположить его.Не пробовал.

...