Иконка на ссылку в футер

Прошу подсказать как прописать отображение иконки в подвале сайта


<div class="footer-block contact-us">

                    <div class="social">
                        {* if $wa->blog && $rss}<a href="{$rss}" title="[s`RSS`]"><i class="icon24 rss"></i></a>{/if *}
                        {if !empty($theme_settings.facebook)}<a href="{$theme_settings.facebook}" title="[s`Facebook`]"><i class="icon24 facebook"></i></a>{/if}
                        {if !empty($theme_settings.twitter)}<a href="{$theme_settings.twitter}" title="[s`Twitter`]"><i class="icon24 twitter"></i></a>{/if}
                        {if !empty($theme_settings.vk)}<a href="{$theme_settings.vk}" title="[s`VK`]"><i class="icon24 vk"></i></a>{/if}
                        {if !empty($theme_settings.instagram)}<a href="{$theme_settings.instagram}" title="[s`Instagram`]"><i class="icon24 instagram"></i></a>{/if}
                        {if !empty($theme_settings.youtube)}<a href="{$theme_settings.youtube}" title="[s`Youtube`]"><i class="icon24 youtube"></i></a>{/if}
                        <a href="https://www.domain.comt" title="NAME">NAME</a>
                    </div>

Подскажите как поставить иконку?

2 ответа

  • 1
    replicant 25 июня 2018 22:00 #

    Самый простой способ примерно такой


    Результат


    Есть и другие более изощренные методы в CSS как в случае с иконками социальных сетей вплоть до прописывания отдельной настройки в опции темы дизайна, чтобы быстро ссылку менять не в коде шаблона, но много возни ради одной ссылки. Проще "в лоб" - картинка и ссылка.

    • +1
      Ярослав Шмелёв Ярослав Шмелёв 26 июня 2018 13:23 #

      Спасибо за участие в образовательном процессе

      Прописал так:

      <a href="https://www.etsy.com/shop/EthnoMarket" title="Etsy"><img src="/wa-data/public/site/images/etsy.jpg></a>

      Картинку загрузил 48*48

      Результат:


Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите